view-timeline-inset | CSS CSS Properties

Allows you to offset the 'start' and 'end' points of a view-timeline. This is useful if you want an animation to start before an element is fully on screen (e.g., when it's 20% visible) or continue after it has partially left.

Quick example

.reveal-section {
  view-timeline-name: --reveal;
  /* Starts the animation when the element is 20% into the scroll container */
  view-timeline-inset: 20%;
}

Quick facts

Initial value

auto

Inherited

Applies to

all elements

Animation type

byComputedValueType

Values

auto

view-timeline-inset Browser Support

Limited availability 78% global usage

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Not ready for production without a fallback.

View on caniuse.com → View on MDN → View on webstatus.dev → Learn more about Baseline →

115+

Interop 2026 focus area ? Learn more →