Lag vakre CSS-boksskygger uten problemer
Generer fantastiske boksskygger med vårt intuitive grensesnitt. Kopier CSS-koden og bruk den i prosjektene dine umiddelbart.
Preview
Boks skygge
Tilpass meg
CSS-utgang
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
Skygge kontroller
Position
Size
Color
Options
Presets
Myk skygge
Middels skygge
Tung skygge
Indre skygge
Skarp diagonal
Kontur glød
Dobbel skygge
Løftet effekt
Hvordan å bruke
Grunnleggende kontroller
- JusterHorisontal forskyvningSlik flytter du skyggen til venstre eller høyre
- JusterVertikal forskyvningSlik flytter du skyggen opp eller ned
- ØkUskarp radiusfor å gjøre skyggen mykere
- Use Spredning radiusSlik øker eller reduserer du den totale størrelsen på skyggen
- EndreColor and OpacitySlik tilpasser du skyggeutseendet
Avanserte funksjoner
- Enable Innfelt skyggeSlik oppretter du en indre skyggeeffekt
- Use Flere skyggerfor mer komplekse effekter
- Lagre og last innPresetsfor rask tilgang til favorittskyggene dine
- Click Tilfeldig skyggefor inspirasjon
- Kopier den genererte CSS-koden og lim den inn i prosjektet ditt
Related Tools
CSS3 overgangsgenerator
Jevn opasitetsovergang
Pekepenn til CSS-konvertering
Forvandle SCSS-koden din til CSS. Raskt, enkelt og sikkert.
Mindre til CSS-konverterer
Forvandle Less-koden din til CSS. Raskt, enkelt og sikkert.
Konverter TSV til JSON uten problemer
Transformer TSV-dataene dine til strukturert JSON-format med ett enkelt klikk. Rask, sikker og fullstendig nettleserbasert.
Gratis CSS-knappgenerator
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.
RGB til HEX
Konverter RGB-farger til HEXadesimale verdier for webdesign