overlay

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.

Learning resources on MDN

• overlay

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

Edit this feature - Report an issue about this feature