overlay
Limited availability
The overlay
CSS property, used as an allow-discrete
CSS transition, prevents a top layer element, such as a popover or a <dialog>
, from being removed from the top layer before it has finished animating. You can't set the value of the overlay
property; only use it as transition property.
Learn more
Specifications
Browser support
- Chrome 117 Released on 2023-09-12
- Chrome Android 117 Released on 2023-09-12
- Edge 117 Released on 2023-09-15
- Firefox ❌ Vendor position
- Firefox for Android ❌ Vendor position
- Safari ❌ Vendor position
- Safari on iOS ❌ Vendor position
Usage (according to Chrome Platform Status)
~0.038% of page loads. More data at chromestatus.
Web Platform Tests (WPT)
View the latest WPT test results for this featureView as JSON | Edit this feature | Report an issue | Web-features entry: source, dist