[Replicate css animation styling in gsap]

@Visual-Q i think i got close this time thank for the advice

 

See the Pen QWNgKBV?editors=1111 by jamezzz123 (@jamezzz123) on CodePen

[Replicate css animation styling in gsap]

hello @PointC

 

so i actually tried a lot of  different ways on my  local system but was not able to get a similar animation as the raw css style.

 

i did update the code pen with on of the  implementation but...

 

See the Pen VwaWaby?editors=1111 by jamezzz123 (@jamezzz123) on CodePen

[Replicate css animation styling in gsap]

so guy i pretty  new to do.

 

i would love to know how i go replicate a css animation  in gsap

for this

 

 

basically something like this

 

@keyframes slidein {
        from {
            transform:rotateY(180deg);
        }

        10% {
             transform:rotateX(-90deg);
        }

        30% {
         transform:rotateX(90deg)  rotateZ(360deg);
        }

        75% {
            transform:rotateY(0deg) rotateZ(360deg);
        }

        80% {
            transform:rotateY(90deg) rotateZ(360deg);
        }

        
        to {
            transform:rotateY(180deg) !important;
            margin:10px;
            
        }

    }

 

 

See the Pen jOqwPxE by jamezzz123 (@jamezzz123) on CodePen