motionlang · motion lab

duolingo.com in motion

Every easing curve, duration and keyframe animation designlang read off the live duolingo.com page — drawn, timed and replayed. Generated 2026-06-25.

Easing curves 2

ease-out 1×
cubic-bezier(0.22, 1, 0.36, 1)
ease-in-out 1×
ease

Durations 3

sm 200ms
md 300ms
lg 500ms

Keyframe animations 1

@keyframes onetrust-fade-in