title

Easing Functions Cheat Sheet

charset

utf-8

viewport

width=device-width,initial-scale=1,shrink-to-fit=no,viewport-fit=cover

x-ua-compatible

ie=edge

description

Make animations more realistic by picking the right easing function.

og:url

http://easings.net/

og:image

https://easings.net/192.c6b79276.png

og:description

Easing functions specify the speed of animation to make the movement more natural. Real objects don’t just move at a constant speed, and do not start and stop in an instant. This page helps you choose the right easing function.

icon

96.8aa68ac4.png

manifest

manifest.en.json

mask-icon

mask.f6b15f2c.svg

stylesheet

keyframes.4d51c095.css