The transition-behavior property determines whether transitions are started for discrete properties (like display or visibility) — not only interpolable ones..popover {
transition-behavior: allow-discrete;
}.popover {
transition-property: display, opacity, transform;
transition-duration: 200ms;
transition-behavior: allow-discrete;
}normalThe default value. Transitions will not be started for discrete properties, only for interpolable properties.allow-discreteTransitions will be started for discrete properties as well as interpolable properties — enables transition of display, visibility, content-visibility, etc.CSS Transitions Module Level 2Editor's DraftW3CMDNHover over meShow all codeEdit CSS onlineThe plugin that remembers hundreds of CSS items for youEvery CSS property — in a live demonstrationThe bilingual CSS referencedefinitionexamplessyntaxmodulespecificationsourcesvisual demonstrationpreviousnext
