定義和(hé)用(yòng)法
background-blend-mode 屬性定義每個背景層(顔色和(hé)/或圖像)的混合模式。
實例
把背景圖像的混合模式指定爲 "lighten"(變亮(liàng)):
div {
background-repeat: no-repeat, repeat;
background-image: url("img_tree.gif"), url("paper.gif");
background-blend-mode: lighten;
}
CSS 語法
background-blend-mode: normal|multiply|screen|overlay|darken|lighten|color-dodge|saturation|color|luminosity;
屬性值
值 | 描述 |
---|---|
normal | 默認。把混合模式設置爲普通。 |
multiply | 把混合模式設置爲 multiply(乘)。 |
screen | 把混合模式設置爲 screen(屏幕)。 |
overlay | 把混合模式設置爲 overlay(覆蓋)。 |
darken | 把混合模式設置爲 overlay(覆蓋)。 |
lighten | 把混合模式設置爲 lighten(變亮(liàng))。 |
color-dodge | 把混合模式設置爲 color-dodge(顔色減淡)。 |
saturation | 把混合模式設置爲 saturation(飽和(hé)度)。 |
color | 把混合模式設置爲 color(顔色)。 |
luminosity | 把混合模式設置爲 luminosity(亮(liàng)度)。 |