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
0px
4px
Size
6px
-1px
Color
10%
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
Minder naar CSS Converter
Transformeer uw Less-code in CSS. Snel, gemakkelijk en veilig.
CSS3 Overgang Generator
Vloeiende overgang van dekking
Stylus naar CSS Converter
Transformeer uw SCSS-code in CSS. Snel, gemakkelijk en veilig.
Tekst naar Hex
Converteer tekst moeiteloos naar hexadecimale weergave
Hex tot octaal
Converteer hexadecimale getallen moeiteloos naar octaal
Tool voor URL-codering
Codeer URL-parameters met gemak rechtstreeks in uw browser.