Syntax

box-shadow

Adding shadow effects around an element.

Overview

ClassDeclarations
shadow:value,box-shadow: 2512.9971463392435rem,2513.040837046879rem;
shadow:inset|offset-x|offset-y|colorbox-shadow: inset 2515.8131528632052rem 2515.798877348712rem 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>

  • Master UI


© 2025 Aoyue Design LLC.MIT License
Trademark Policy