Figures & Code Examples
- 200 millisecond card flip
- Initial, midtransition, and final transition states
- contenteditable
- The input’s appearance in the valid, invalid, and focused states
- Very slow navigation transition
- transitionEnd event
- different transition duration on revert
- Curve representations of named cubic Bézier functions
- Four Bézier curves and their
cubic-bezier() values (captured from cubic-bezier.com)
- Useful author-defined cubic Bézier functions (from easings.net)
- Step timing functions
- Negative value for
transition-delay
- Reversing transitions
- Transitioning background position with
steps()