📜  CSS 遮罩复合属性

📅  最后修改于: 2021-08-30 10:23:02             🧑  作者: Mango

mask-composite属性定义了多个合成操作来组合多个遮罩层。第一个 URL 层位于顶部,最后一个 URL 层位于所有层的底部。

句法:

mask-composite: Keyword values
/* Or */
mask-composite: Global values

属性值:此属性接受上面提到和下面描述的值:

  • 关键字值:该属性值是指用加、减、相交、排除等单位定义的值。
  • 全局值:该属性值指的是用继承、初始、未设置等单位定义的值

示例 1:下面的示例说明了使用add的 mask-composite属性:



  
    
        
    

  
    
  

输出:

示例 2:下面的示例说明了使用减法的 mask-composite属性:



  
    
        
    

  
    
  

输出:

支持的浏览器:

  • 火狐
  • 铬(不支持)
  • 歌剧(不支持)
  • Safari(不支持)
  • 边缘(不支持)
  • Internet Explorer(不支持)