Creating 2D animations
I'd like to dedicate a little bit of time to talk about 2D animations. The most common type of animation you'll be doing on a daily basis. In this lesson we're going to create a few 2d animations and explore 2D transformations.
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