Wat is box-shadow?
Maak meerlagige CSS box-shadow-waarden met live preview, inset-optie en nauwkeurige bediening.
box-shadow is een CSS-eigenschap die een of meer schaduwen achter (of binnen) een element tekent.
Elke schaduw gebruikt horizontale en verticale offsets, een vervagingsradius, optionele spreiding en een kleur met alfa; voeg inset toe voor een binnenste schaduw.
Meerdere lagen worden met komma’s gescheiden en laten je subtiele schaduwen stapelen voor diepte, gloed of scherpe randen.
- Gebruik kleine offsets met meer vervaging voor zachte elevatie.
- Gebruik hogere opaciteit met weinig vervaging voor scherpere randen.
- Combineer een buiten- en binnenschaduw voor extra diepte.
- Beperk het aantal lagen voor betere prestaties.