CSS에서 곱셈 실현 => 혼합 모드 mix-blend-mode

호환성: HTML5 및 CSS3와 같이 호환성이 항상 변경되는 것에 대해 너무 많이 말하는 것은 의미가 없습니다. 지원되지 않는 경우에는 지원하는 장치에서 실험하는 것이 좋습니다. 방법을 생각해 보세요. 이것은 단지 편리함과 재미를 위한 것입니다

모든 속성:

<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>