`-webkit-mask`

The vendor-prefixed form of `mask`, commonly written alongside the standard property for broader browser support.

39 effects in the catalog use this property.

Syntax

-webkit-mask: linear-gradient(#000, transparent);

Watch out

Masking remained prefixed in major browsers for years. Including both the standard and prefixed declarations is much safer than relying on only one.

These are working effects from the catalog. Open a tile to inspect the full source.