מאפיין overlay

מאפיין overlay קובע אם אלמנט שמומקם ב-top layer (למשל popover, dialog, ::backdrop) באמת מוצג ב-top layer או לא. שימושי בעיקר לאנימציה של פתיחה/סגירה — מאפשר transitions גם כשהאלמנט נכנס/יוצא מ-top layer.

[popover]:popover-open { overlay: auto; }

dialog { overlay: auto; transition: overlay 200ms allow-discrete, opacity 200ms ease; opacity: 0; } dialog[open] { opacity: 1; }

noneהאלמנט לא מצויר ב-top layer (ברירת המחדל). שימושי במהלך animation סגירה.

autoהאלמנט מצויר ב-top layer אם הוא נמצא שם בפועל (לפי HTML API כמו showPopover()).

CSS Positioned Layout Module Level 4

Editor's Draft

W3C MDN

I'm a Popover! I should animate.

Show all code

ערוך CSS און-ליין

התוסף שזוכר עבורך מאות פריטי CSS

כל פרופרטי CSS — בהדגמה חיה

מקור הייחוס הדו-לשוני ל-CSS

previous next