styleditor.net styleditor.net styleditor.net styleditor.net English 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 mix-blend-mode

המאפיין mix-blend-mode קובע איך תוכן האלמנט מתמזג (blend) עם תוכן ההורה (backdrop) שמתחתיו. משמש לאפקטים גרפיים כמו multiply, screen, overlay, וכו'.
.overlay { mix-blend-mode: multiply; } .duotone { mix-blend-mode: luminosity; background: hotpink; }
normalללא בלנדינג — האלמנט מוצג כרגיל מעל הרקע (ערך ברירת המחדל).multiplyמכפלת הצבעים — מכהה. שחור נשאר שחור, לבן לא משנה.screenפעולת screen — מבהיר. לבן נשאר לבן, שחור לא משנה.overlayשילוב של multiply ו-screen לפי בהירות הרקע.darkenבוחר את הצבע הכהה יותר בין האלמנט לרקע.lightenבוחר את הצבע הבהיר יותר בין האלמנט לרקע.color-dodgeמבהיר את הרקע לפי האלמנט. שחור לא משנה.color-burnמכהה את הרקע לפי האלמנט. לבן לא משנה.hard-lightmultiply או screen לפי בהירות האלמנט — אפקט תאורה חזקה.soft-lightאפקט תאורה רכה — מבהיר או מכהה בעדינות.differenceמחסר את הכהה מהבהיר בכל ערוץ צבע.exclusionדומה ל-difference, אך עם פחות ניגוד.hueגוון של האלמנט עם הרוויה והבהירות של הרקע.saturationרוויה של האלמנט עם הגוון והבהירות של הרקע.colorגוון ורוויה של האלמנט עם בהירות הרקע.luminosityבהירות האלמנט עם הגוון והרוויה של הרקע.plus-darkerמהפך, מסכם וחותך למינימום — שימושי לכמה אפקטים גרפיים.plus-lighterמסכם וחותך למקסימום — שימושי במעברי cross-fade. Compositing and Blending Level 2 Editor's Draft W3CMDN
Show all code ערוך CSS און-ליין התוסף שזוכר עבורך מאות פריטי CSS כל פרופרטי CSS — בהדגמה חיה מקור הייחוס הדו-לשוני ל-CSS
הגדרהדוגמאותתחבירמודולמפרטמקורות מידעהדגמה חזותית