☰
English
accent-color
align
alignment-baseline
all
anchor
animation
appearance
aspect-ratio
backdrop-filter
backface-visibility
background
baseline
block-size
border
bottom
box
break
caption-side
caret
clear
clip
color
column
columns
contain
container
content
corner
counter
cursor
cx
cy
d
direction
display
dominant-baseline
dynamic-range-limit
empty-cells
field-sizing
fill
filter
flex
float
flood
font
forced-color-adjust
gap
grid
height
hyphenate
hyphens
image
ime-mode
initial-letter
inline-size
inset
interactivity
interest
interpolate-size
isolation
justify
left
letter-spacing
lighting-color
line
list
margin
marker
mask
mask-clip
mask-composite
mask-image
mask-mode
mask-origin
mask-position
mask-repeat
mask-size
mask-type
math
max
min
mix-blend-mode
object
offset
opacity
order
orphans
outline
overflow
overlay
overscroll
padding
page
paint-order
perspective
place
pointer-events
position
print-color-adjust
quotes
r
reading
resize
right
rotate
row
ruby
rule
rx
ry
scale
scroll
scrollbar
shape
speak
stop
stroke
tab-size
table-layout
text
timeline
top
touch-action
transform
transition
translate
trigger-scope
unicode-bidi
user-select
vector-effect
vertical-align
view
visibility
white
widows
width
will-change
word
writing-mode
x
y
z-index
zoom
The CSS Propertie mask-mode
המאפיין mask-mode קובע איך תמונת המסכה מתפרשת — לפי ערוץ האלפא, לפי בהירות (luminance), או לפי mask-type של מקור המסכה.
.alpha-mask { mask-mode: alpha; }
.luma-mask { mask-image: linear-gradient(black, white); mask-mode: luminance; }
match-source
התנהגות לפי מקור המסכה: אם המקור הוא <mask> ב-SVG, משתמש ב-mask-type שלו; אחרת מתנהג כאילו luminance (ערך ברירת המחדל).
alpha
ערכי ערוץ האלפא של תמונת המסכה משמשים כערכי המסכה.
luminance
ערכי הבהירות (luminance) של תמונת המסכה משמשים כערכי המסכה.
CSS Masking Module Level 1
Editor's Draft
W3C
MDN
Show all code
ערוך CSS און-ליין
התוסף שזוכר עבורך מאות פריטי CSS
כל פרופרטי CSS — בהדגמה חיה
מקור הייחוס הדו-לשוני ל-CSS
הגדרה
דוגמאות
תחביר
מודול
מפרט
מקורות מידע
הדגמה חזותית
previous
next