做自(zì)由與創造的先行者

CSS background-blend-mode 屬性

CSS中文(wén)手冊

定義和(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)度)。
網站(zhàn)建設開(kāi)發|APP設計(jì)開(kāi)發|小(xiǎo)程序建設開(kāi)發
下(xià)一篇:CSS background-clip 屬性
上(shàng)一篇:CSS background-attachment 屬性