Creëer moeiteloos prachtige CSS-boxschaduwen
Genereer verbluffende doosschaduwen met onze intuïtieve interface. Kopieer de CSS-code en gebruik deze direct in uw projecten.
Preview
Doos Schaduw
Personaliseer mij
CSS-uitvoer
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
Schaduwbesturing
Position
Size
Color
Options
Presets
Zachte schaduw
Gemiddelde schaduw
Zware schaduw
Innerlijke schaduw
Scherpe diagonaal
Overzicht Gloed
Dubbele schaduw
Opgeheven effect
Gebruiksaanwijzing
Basisbediening
- Pas deHorizontale offsetom de schaduw naar links of rechts te verplaatsen
- Pas deVerticale offsetom de schaduw omhoog of omlaag te verplaatsen
- Verhoog deStraal vervagenom de schaduw zachter te maken
- Use Spreid straalom de totale grootte van de schaduw te vergroten of te verkleinen
- Verander deColor and OpacityHet uiterlijk van de schaduw aanpassen
Geavanceerde functies
- Enable Inzet schaduwom een innerlijk schaduweffect te creëren
- Use Meerdere schaduwenvoor complexere effecten
- Opslaan en ladenPresetsvoor snelle toegang tot uw favoriete schaduwen
- Click Willekeurige schaduwTer inspiratie
- Kopieer de gegenereerde CSS-code en plak deze in uw project
Related Tools
Creëer perfecte Flexbox-lay-outs
Visualiseer, pas aan en genereer CSS-flexboxcode met onze intuïtieve interface voor slepen en neerzetten.
Stylus naar CSS Converter
Transformeer uw SCSS-code in CSS. Snel, gemakkelijk en veilig.
SCSS naar CSS Converter
Transformeer uw SCSS-code in CSS. Snel, gemakkelijk en veilig.
Aangepaste disclaimers maken
Genereer uitgebreide disclaimers die zijn afgestemd op uw website, app of service.
Huidige Converter
Zet elektrische stroom met precisie en gemak om tussen verschillende eenheden
Kansrekening
Bereken kansen voor verschillende scenario's met onze uitgebreide kansrekening.