你的位置:首页 > 网页设计

[网页设计]从CSS实现正片叠底看=混合模式mix


兼容性:这个东西说多了也没意思,像HTML5和CSS3这种兼容性时刻变化的东东,我们最好在自己支持的设备上实验,不支持,就在想办法呗,这个东西就是为了方便和好玩

所有属性:

mix-blend-mode: normal;     //正常mix-blend-mode: multiply;    //正片叠底mix-blend-mode: screen;     //滤色mix-blend-mode: overlay;     //叠加mix-blend-mode: darken;     //变暗mix-blend-mode: lighten;     //变亮mix-blend-mode: color-dodge;   //颜色减淡mix-blend-mode: color-burn;   //颜色加深mix-blend-mode: hard-light;   //强光mix-blend-mode: soft-light;   //柔光mix-blend-mode: difference;   //差值mix-blend-mode: exclusion;    //排除mix-blend-mode: hue;       //色相mix-blend-mode: saturation;   //饱和度mix-blend-mode: color;      //颜色mix-blend-mode: luminosity;   //亮度mix-blend-mode: initial;     //初始mix-blend-mode: inherit;     //继承mix-blend-mode: unset;      //复原