Module 5: CSS3 Transitions
CSS3 Transitions
For this practice we created samples using the various transition properties. For transition effects to work, you must specify the property you want to add the effect on and the duration of the effect. If you do not specify the duration, the transition will have no effect. The default value is 0.
Transition
Width
Width
Transition
Height
Height
Transition
Width&Height
w/Transform
Width&Height
w/Transform
Transition
Ease
Ease
Transition
Linear
Linear
Transition
Ease-In
Ease-In
Transition
Ease-Out
Ease-Out
Transition
Ease-In-Out
Ease-In-Out
Transition
Cubic-Bezier
Cubic-Bezier