Hi there,
I am trying to implement some CSS keyframe animation to GSAP. Here is the keyframe animation:
@keyframes flyanimation {
0% {
opacity: 0;
transform-origin: 0 100%;
transform: scale(0, 0) rotate(360deg) translateY(-100%);
}
30% {
transform-origin: 0 100%;
transform: scale(0, 0) rotate(360deg) translateY(-100%);
}
100% {
opacity: 1;
transform-origin: 100% 100%;
transform: scale(1, 1) rotate(0deg) translateY(0%);
}
}
I am trying to figure out if there is a way to do it with the GSAP .fromTo() method or similar, if it is possible.
Any help will be greatly appreciated.
Thanks,
Praney