The CSS Propertie mask-composite

המאפיין mask-composite קובע איך מספר שכבות מסכה משתלבות זו עם זו — באמצעות פעולות חיבור (Porter-Duff). חל כשמשתמשים בכמה תמונות מסכה.

.intersect-mask { mask-composite: intersect; }

.punch-hole { mask-image: linear-gradient(black, black), radial-gradient(circle, transparent 30%, black 30%); mask-composite: subtract; }

addחיבור: שכבות המסכה מתחברות יחד (ערך ברירת המחדל). שטח גלוי = איחוד השכבות.

subtractחיסור: השכבה מורידה מהשכבות שתחתיה.

intersectחיתוך: רק האזור המשותף לכל השכבות גלוי.

excludeהוצאה: האזורים שמוסכים על-ידי שכבה אחת בלבד גלויים (XOR).

CSS Masking Module Level 1

Editor's Draft

Show all code