TLDR Design · LAUNCHES & TOOLS
EASING FUNCTIONS CHEAT SHEET
Summary from the TLDR Design newsletter
How things move in the real world provides a practical inspiration for creating animation that feels more real. Getting the proper easing function is a critical aspect of that goal. This page lists several easing functions and provides the CSS and math functions behind each.