css 混合模式

css的混合模式类似ps里的正片叠底功能，

混合模式可以是图片和背景色混合，也可以是图片和图片混合，设置方式有两种background-blend-mode 和mix-blend-mode；

混合模式Multiply，screen, overlay, darken, lighten, color-dodge, color-burn, hard-light, soft-light, difference, exclusion, hue, saturation, color,和luminosity. normal

可归类：

详细api

详细内容可查看：https://www.w3cplus.com/css3/basics-css-blend-modes.html

效果如下图：图2是鼠标经过后的效果

代码实现：

    
        
        
        
    
    
        

        

            

        

    

 

利用css混合模式实现动画

代码实现：

    
        
        
        
    
    
        

Hello Word