motionlang · motion lab

webflow.com in motion

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

Easing curves 3

ease-out 31×
cubic-bezier(0.165, 0.84, 0.44, 1)
easing-2 430×
cubic-bezier(0.455, 0.03, 0.515, 0.955)
easing-3 199×
cubic-bezier(0.645, 0.045, 0.355, 1)

Durations 4

xs 150ms
md 300ms
lg 450ms
xl 1200ms

Keyframe animations 8

@keyframes spin

    

    

      
@keyframes fadein

      

    

    

      
@keyframes marquee_1_timeline

      

    

    

      
@keyframes moveGradientRight

      

    

    

      
@keyframes moveGradientLeft

      

    

    

      
@keyframes scale

      

    

    

      
@keyframes fade

      

    

    

      
@keyframes noise-animation