#mask-composite

#介绍

mask-composite CSS 属性设置当前遮罩层与其下方遮罩层之间使用的合成操作。

#语法

mask-image: linear-gradient(#000, #000), linear-gradient(#000, transparent);
mask-composite: exclude;

#取值

• add
  将当前遮罩层叠加到其下方遮罩层之上。

• subtract
  从下方遮罩层中减去当前遮罩层。

• intersect
  保留下方遮罩层与当前遮罩层的重叠区域。

• exclude
  保留下方遮罩层与当前遮罩层不重叠的区域。

#形式定义

#形式语法

mask-composite = <compositing-operator>#

<compositing-operator> =
  add        |
  subtract   |
  intersect  |
  exclude

#与 Web 的区别

• 不支持全局属性值，例如 inherit、initial、unset 等。

#兼容性