עברית
accent-coloralignalignment-baselineallanchoranimationappearanceaspect-ratiobackdrop-filterbackface-visibilitybackgroundbaselineblock-sizeborderbottomboxbreakcaption-sidecaretclearclipcolorcolumncolumnscontaincontainercontentcornercountercursorcxcyddirectiondisplaydominant-baselinedynamic-range-limitempty-cellsfield-sizingfillfilterflexfloatfloodfontforced-color-adjustgapgridheighthyphenatehyphensimageime-modeinitial-letterinline-sizeinsetinteractivityinterestinterpolate-sizeisolationjustifyleftletter-spacinglighting-colorlinelistmarginmarkermaskmathmaxminmix-blend-modeobjectoffsetopacityorderorphansoutlineoverflowoverlayoverscrollpaddingpagepaint-orderperspectiveplacepointer-eventspositionprint-color-adjustquotesrreadingresizerightrotaterowrubyrulerxryscalescrollscrollbarshapespeakstopstroketab-sizetable-layouttexttimelinetoptouch-actiontransformtransitiontranslatetrigger-scopeunicode-bidiuser-selectvector-effectvertical-alignviewvisibilitywhitewidowswidthwill-changewordwriting-modexyz-indexzoom
The CSS Propertie overlay
The overlay property determines whether an element in the top layer (e.g. popover, dialog, ::backdrop) is actually rendered in the top layer. Mainly used to animate top-layer enter/exit transitions.
[popover]:popover-open {
overlay: auto;
}
dialog {
overlay: auto;
transition: overlay 200ms allow-discrete, opacity 200ms ease;
opacity: 0;
}
dialog[open] {
opacity: 1;
}
noneElement isn't rendered in top layer (default). Useful during closing animation.autoElement renders in top layer if it actually is there (per HTML APIs like showPopover()).
CSS Positioned Layout Module Level 4
Editor's Draft
W3CMDN
I'm a Popover! I should animate.
Show all code
Edit CSS online
The plugin that remembers hundreds of CSS items for you
Every CSS property — in a live demonstration
The bilingual CSS reference
previousnext