CSS Box Shadow Generator
Wat is CSS Box Shadow?
De CSS box-shadow eigenschap voegt schaduweffecten toe rondom het kader van een element. Schaduwen kunnen worden verschoven, vervaagd, verspreid, gekleurd en worden ingesteld als inset (binnenste schaduw). Meerdere door komma's gescheiden schaduwen kunnen worden gestapeld voor rijke effecten. Met deze generator kunt u visueel complexe meerlaagse schaduwen bouwen en de plakklare CSS naar het klembord kopiëren.
Hoe de Box Shadow Generator te gebruiken
-
Pas de schuifregelaars voor Offset X/Y, Blur en Spread aan om de schaduw te positioneren en vorm te geven.
-
Klik op het kleurstaal om een schaduwkleur te kiezen en gebruik de Opacity-schuifregelaar voor transparantie.
-
Schakel 'Inset' in om een binnenste gloed of een ingedrukt effect te maken.
-
Klik op '+ Laag toevoegen' om meerdere schaduwen op elkaar te stapelen.
-
Kopieer de gegenereerde CSS en plak deze in uw stijlblad.
Keywords: CSS box shadow generator, box-shadow CSS, CSS schaduw tool, CSS drop shadow, binnenste schaduw, meerlaagse schaduw, CSS shadow online