content-visibility
Allows the browser to skip the rendering work for elements that are currently off-screen. Setting it to 'auto' can drastically improve the initial load speed and scroll performance of long pages.
Quick example
.off-screen-section {
/* Skips rendering until the user scrolls near it */
content-visibility: auto;
contain-intrinsic-size: 1000px;
}Quick facts
Initial value
visibleInherited
No
Applies to
elements for which size containment can apply
Animation type
discreteButVisibleForDurationWhenAnimatedHidden
Values
visibleautohidden content-visibility Browser Support
Newly available Since 2025 92% global usage
Since 2025 this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Works in all modern browsers. May need a fallback for older browsers.
85+
125+
18+
85+