Syntax
box-shadow
Adding shadow effects around an element.
Overview
Class | Declarations |
---|---|
shadow:`value`,`…` | box-shadow: `value`,`…`;
|
shadow:inset|`offset-x`|`offset-y`|<color> | box-shadow: inset `offset-x` `offset-y` <color>;
|
Apply conditionally
Apply styles based on different states using selectors and conditional queries.
<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>