motionlang · motion lab

airbnb.com in motion

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

Easing curves 3

easing-1 54×
cubic-bezier(0.2, 0, 0, 1)
ease-in-out 2×
cubic-bezier(0, 0, 1, 1)
linear 2×
linear

Durations 4

xs 100ms
sm 175ms
md 300ms
xxl 451754000ms

Keyframe animations 705

@keyframes dot-xefpb8

    

    

      
@keyframes dot-kkmion

      

    

    

      
@keyframes dot-pulse-18sbrvj

      

    

    

      
@keyframes fadeEnter-14e8nj2

      

    

    

      
@keyframes dls_sheets_fadeIn-14e8nj2

      

    

    

      
@keyframes dls_sheets_slideUp-14e8nj2

      

    

    

      
@keyframes fadeLeave-1f0cb0c

      

    

    

      
@keyframes dls_sheets_fadeOut-1f0cb0c

      

    

    

      
@keyframes dls_sheets_slideDown-1f0cb0c

      

    

    

      
@keyframes dls_sheets_slideDownOut-1f0cb0c

      

    

    

      
@keyframes overlayEnterLinaria-pxdfzy

      

    

    

      
@keyframes overlayLeave-16a97i2