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
CSS3 Overgang Generator
Vloeiende overgang van dekking
CSS-minifier
Comprimeer en optimaliseer uw CSS-code met professionele precisie
Online tekst schaduw CSS-generator
Creëer verbluffende teksteffecten met verloop voor uw website
CSS-minifier
Comprimeer en optimaliseer uw CSS-code met professionele precisie
SHA-512/224 Hasj-calculator
Genereer snel en eenvoudig SHA-512/224 hashes
Vertrouwen interval rekenmachine
Bereken betrouwbaarheidsintervallen voor uw monstergegevens met precisie en gemak.