CSS-schaduwgenerator
Creëer prachtige CSS box shadows met live voorbeeldweergave en meerdere lagen
Creëer prachtige CSS box shadows met live voorbeeldweergave en meerdere lagen
- Bereid de invoer voor
Kies de juiste opties met de bediening hieronder.
- Voer de taak uit
Pas de bediening hieronder aan en bekijk het voorbeeld.
- Gebruik het resultaat
Controleer het resultaat en gebruik de beschikbare kopieer- of downloadfuncties.
Pixelschaduwen als CSS, SCSS, Tailwind-klasse of JavaScript. Kleurvariabelen vereisen definities op de doelpagina. Tailwind gebruikt arbitraire waarden; controleer in uw project.
Gegenereerde Code
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.15);
Schaduw Bedieningselementen
px
px
px
px
Voorbeeldweergave-instellingen
200px
Live Voorbeeldweergave
Preview
Schaduw Voorinstellingen
Subtiele Schaduwen
Gemiddelde Schaduwen
Sterke Schaduwen
Material Design
Neumorfisch
CSS-schaduwgenerator
Pixelschaduwen als CSS, SCSS, Tailwind-klasse of JavaScript. Kleurvariabelen vereisen definities op de doelpagina. Tailwind gebruikt arbitraire waarden; controleer in uw project.
Functies
- Pixelschaduwen als CSS, SCSS, Tailwind-klasse of JavaScript. Kleurvariabelen vereisen definities op de doelpagina. Tailwind gebruikt arbitraire waarden; controleer in uw project.
- Schaduwlagen
- Live Voorbeeldweergave
- Schaduw Voorinstellingen
Hoe te gebruiken
- Pas schaduw-eigenschappen aan met schuifregelaars
- Kies schaduwkleur met kleurkiezer
- Schakel tussen externe en interne schaduwen
- Voeg meerdere schaduwlagen toe
- Selecteer uit professionele voorinstellingen
- Bekijk schaduw in realtime
- Pas voorbeeldgrootte aan
- Kopieer gegenereerde code
- Beheer meerdere lagen
- Gebruik laagbesturingen