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
0px
4px
Size
6px
-1px
Color
10%
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
SCSS til CSS-konvertering
Forvandle SCSS-koden din til CSS. Raskt, enkelt og sikkert.
CSS-minifier
Komprimer og optimaliser CSS-koden din med profesjonell presisjon
Pekepenn til CSS-konvertering
Forvandle SCSS-koden din til CSS. Raskt, enkelt og sikkert.
Pekepenn til CSS-konvertering
Forvandle SCSS-koden din til CSS. Raskt, enkelt og sikkert.
HSV til CMYK
Konvertere HSV-fargekoder til CMYK-verdier for utskriftsdesign
CSS-filtergenerator
Opprett og visualiser tilpassede CSS-bildefiltre