mask

摘要

此属性是设置 mask-image、mask-mode、mask-repeat、mask-position、mask-clip、mask-origin、mask-composite 和 mask-size 的简写。省略的值将被设置为其原始属性的初始值。

概述表

初始值

请参阅各个属性。

适用范围

所有元素。在 SVG 中，它适用于没有 <defs> 元素的容器元素和所有图形元素。

继承

否

媒体

视觉

计算值

请参阅各个属性。

可动画

否

CSS 对象模型属性
:

百分比

请参阅各个属性。

语法

• mask: <mask-layer>

值

<mask-layer>

其中

<mask-layer> = <mask-reference> <masking-mode>?

示例

URL 指向用作遮罩的 <mask> 元素。

/* mask-reference via a url */
img {
  mask: url(#masking);
}

/* Two mask layers (both references to mask images) that are combined with the 'add' compositing mode. */
img {
  mask: url(mask-image1.png) add, url(mask-image2.png);
}

相关规范

CSS Masking Level 1

W3C Last Call Working Draft

CSS Masking Level 1

W3C 编辑草案