cubic-bezier()
Easing curves
Drag the curve's two handles and watch it move before you copy it. With the usual ones close at hand.
Drag the handles, or focus them with Tab and move them with the arrow keys (Shift for bigger steps). The grey ball moves linearly, for comparison.
If it falls short
- AnimatiSS xsgames.co
- Animista animista.net
- Animotion animotion.dev
- CSS & JS Animations (Awwwards) awwwards.com
- CSS Spotlight Effect frontendmasters.com
- CSS Spring Easing Generator kvin.me
Next: Specificity →