01:06
In CSS there are 2 different ways to animate:
- transition property - great for simple animations
- animation property - great for multi-step animations
The Transition Property
01:22
How do you go about making a simple transition?
A common mistake people make is placing the animation on the hover.
In our situation, Example 1, the animation occurs on the hover and when the cursor is removed the animation returns to its original state.
The animation should go on the child itself.
Example 2
You can specify individual things that you want to transition by specifying.
03:28
Why to put the transition on the
The Animation Property
06:20