Syntax

box-shadow

Adding shadow effects around an element.

Overview

ClassDeclarations
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>

  • Master UI


© 2025 Aoyue Design LLC.MIT License
Trademark Policy