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
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.
Gratis CSS-knopgenerator
Erstellen Sie ansprechende, responsive Schaltflächen für Ihre Website. Wählen Sie aus über 70 vorgefertigten Stilen oder passen Sie Ihre eigenen mit unseren erweiterten Steuerelementen an.
SHA3-512 Hasj-calculator
Genereer snel en eenvoudig SHA3-512-hashes
Online tekst schaduw CSS-generator
Creëer verbluffende teksteffecten met verloop voor uw website