📜  CSS mask-image 属性

📅  最后修改于: 2021-09-01 02:24:56             🧑  作者: Mango

CSS 中的mask-image属性用于设置图像或文本的掩码。它用于为 CSS 中的特定元素形成遮罩层。

句法:

mask-image: none | 

    属性值:

  • none:不设置maks层,设置透明黑色层。

    句法:

    mask-image: none

    例子:

    在本例中,没有创建掩码。

    
    
        
            
            
            Document
        
        
        
            
                
            
        

    输出:

  • 用于给出图片url的来源。

    句法:

    mask-image: url();

    例子 :

    该图标是黑色背景色上的蒙版。它可以根据需要进行更改。

    
    
        
            
            
            Document
        
        
        
            
                
            
        

    输出:

支持的浏览器:

  • 铬合金
  • 边缘
  • 火狐
  • 歌剧
  • 苹果浏览器