Syntax

Background Clip

Controlling how clip the background.

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

Overview

ClassDeclarations
background-clip:origin-webkit-background-clip: origin; background-clip: origin;
bg:textbackground: text;
background-clip:border-webkit-background-clip: border-box; background-clip: border-box;
background-clip:content-webkit-background-clip: content-box; background-clip: content-box;
background-clip:padding-webkit-background-clip: padding-box; background-clip: padding-box;

Conditionally apply

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

<div class="background-clip:origin:hover background-clip:origin@sm background-clip:origin@dark background-clip:origin@print"></div>
Design Token
Colors

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.