Syntax

Mask Image

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

🚧This page is still under construction and some content may not be complete.

Overview

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

Conditionally apply

Apply styles based on different states using selectors and applying conditionally.

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

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.
MIT License