Syntax

mask-image

Setting the image that is used as mask layer for an element.

Overview

ClassDeclarations
mask-image:`image`,`…`-webkit-mask-image: `image`,`…`; mask-image: `image`,`…`;

Apply conditionally

Apply styles based on different states using selectors and conditional queries.

<div class="mask-image:url():hover mask-image:url()@sm mask-image:url()@dark mask-image:url()@print">…</div>

  • Master UI


© 2025 Aoyue Design LLC.MIT License
Trademark Policy