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
CSS3 Overgang Generator
Vloeiende overgang van dekking
Minder naar CSS Converter
Transformeer uw Less-code in CSS. Snel, gemakkelijk en veilig.
Sass naar CSS Converter
Transformeer uw Sass-code in CSS. Snel, gemakkelijk en veilig.
Converteer tekst naar SEO-vriendelijke slugs
Transformeer elke tekst in een URL-vriendelijke slug die perfect is voor URL's, bestandsnamen en meer.
Huidige Converter
Zet elektrische stroom met precisie en gemak om tussen verschillende eenheden
MD6 Hash-generator
Genereer snel en eenvoudig MD6-hashes