mask-composite#

#Introduction

The mask-composite CSS property sets the compositing operation used on the current mask layer with the mask layers below it.

#Syntax

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

#Values

• add
  Places the current mask layer over the mask layers below it.

• subtract
  Subtracts the current mask layer from the mask layers below it.

• intersect
  Keeps the overlapping area between the current mask layer and the mask layers below it.

• exclude
  Keeps the areas that do not overlap between the current mask layer and the mask layers below it.

#Formal definition

#Formal syntax

mask-composite = <compositing-operator>#

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

#Differences from Web

• Global values are not supported.

#Compatibility