CSS background-blend-mode属性怎么用？

　　CSSbackground-blend-mode属性

　　作用：用于定义了背景层的混合模式（图片与颜色）

　　语法：

　　属性值：

　　normal：默认值，设置正常的混合模式。

　　multiply：正片叠底模式。

　　screen：滤色模式。

　　overlay：叠加模式。

　　darken：变暗模式。

　　lighten：变亮模式。

　　color-dodge：颜色减淡模式。

　　saturation：饱和度模式。

　　color：颜色模式。

　　luminosity：亮度模式。

　　注：InternetExplorer不支持background-blend-mode属性。

　　CSSbackground-blend-mode属性的使用示例

　　<!DOCTYPEhtml>

　　<html>

　　<head>

　　<metacharset="utf-8">

　　<style>

　　body{background-color:yellow;}

　　div{

　　width:290px;

　　height:69px;

　　background-size:290px69px;

　　background-repeat:no-repeat;

　　background-image:linear-gradient(toright,#25a1b150%,#862e3e100%),url('https://img.php.cn/upload/article/000/000/024/5c6a4428ea867709.png');

　　background-blend-mode:color-dodge;

　　}

　　</style>

　　</head>

　　<body>

　　</body>

　　</html>

本文转载自中文网

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/css3-style/c56203.shtml