CSS Feature Support Checker

Motion & Timeline

Scroll-driven and timeline controlled UI animation primitives.

• ⏳ Scroll-Linked Animations

  Synchronize animation progress to scroll offsets.

  animation-timeline: scroll()MDN
• ⏳ View Timelines

  Trigger effects as elements intersect a scrollport.

  view-timeline-name: noneMDN
• ⏳ animation-range

  Control animation progress range along timeline.

  animation-range: entry 0% exit 100%MDN
• ⏳ High-Frame Animations

  Ensure browsers can address 120Hz+ animation-timing-function.

  animation-timing-function: linear(0, 0.3, 1)MDN
• ⏳ View Transitions

  Smooth page and state transitions with native browser support.

  view-transition-name: mainMDN
• ⏳ Individual Transform Properties

  Animate translate, rotate, scale independently in keyframes.

  translate: 50px 100pxMDN
• ⏳ interpolate-size

  Enable smooth animations to auto height/width values.

  interpolate-size: allow-keywordsMDN