Een zwevende schaduw kan worden gemaakt met de box-shadow eigenschap in CSS. Hier is een eenvoudig voorbeeld waarin een zwevende schaduw wordt gemaakt voor een div elemement:
```
div {
width: 200px;
height: 200px;
background-color: #888;
margin: 50px;
box-shadow: 10px 10px 5px #000;
}
div:hover {
box-shadow: 20px 20px 10px #000;
}
```
In dit voorbeeld is de normale doos schaduw `10px` naar rechts, `10px` naar beneden, en heeft het een blur van `5px`. De schaduw kleur is zwart.
Bij het zweven over (`hover`) de div, verandert de schaduw naar `20px` naar rechts, `20px` naar beneden, en `10px` blur.
Je kunt spelen met de waarden om de schaduw naar wens te maken.
