Moving into the 3D realm
Beyond animations the GSAP Library is a fantastic library to manage timing in general. In this lesson we're going to leverage TweenLite.delayedCall to delay function calls. Our animation is lackluster currently (very flat), when we use the rotationY property on its own. To solve this problem, we will create a transformed perspective that will take our element from its 2D flat environment and output it in a 3D perspective.
Ready to Level Up Your Skills?
Join thousands of learners on 02GEEK and start your journey to becoming a coding expert today!
Enroll Now for Free!Animating CSS
In this chatper we will see how to animate 2-D and 3-D CSS2 and CSS3 properties.
00:46
Integrating the CSSPlugin
We will explore in this lesson the set up, and some CSS animations.
17:24
Stop hovering over me
In this lesson we're going to take our animations and make them more interactive.
12:36
Creating 2D animations
By the end of this lesson Marina wrap up our conversation on 2D transformations.
04:29
Moving into the 3D realm
To solve this problem we will create a transformed perspective that will take our element from it's 2D flat environment and output it in a 3D perspective.
09:19
It's flippin flipping
In this lesson we continue that process as we switch our content(fake switch) an enemy back completing a full circle. More accurately, creating an illusion of a full circle.
06:02
Transforming the origin
In this lesson we will to take a look at the transformOrigin property and see how to work with it in the GSAP tween library.
10:34