Syntax

box-shadow🚧

Adding shadow effects around an element.

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

Overview

ClassDeclarations
shadow:value,box-shadow: 3185.9768205585033rem,3185.9882849757073rem;
shadow:inset|offset-x|offset-y|colorbox-shadow: inset 3188.0247399956506rem 3188.018114962322rem color;

Conditionally apply

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

<div class="box-shadow:1|2|3|blue:hover box-shadow:1|2|3|blue@sm box-shadow:1|2|3|blue@dark box-shadow:1|2|3|blue@print">…</div>
Syntax
box-decoration-break

Setting how an element's fragments should be rendered when broken across multiple lines, columns, or pages.

Syntax
box-sizing

Setting how the total width and height of an element is calculated.

© Aoyue Design LLC.