Home > Web Front-end > HTML Tutorial > Implement multiplication with CSS => mix-blend-mode

Implement multiplication with CSS => mix-blend-mode

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Release: 2016-09-20 03:30:01
Original
2571 people have browsed it

Compatibility: It’s pointless to talk too much about this thing. The compatibility of stuff like HTML5 and CSS3 changes all the time. It’s best for us to experiment on the devices we support. If it’s not supported, just think of a way. This thing Just for convenience and fun

All properties:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

<span style="color: #800000;">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;           //复原</span>

Copy after login

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template