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
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.
Border RadiusGenerator
Et CSS-generatorverktøy med grenseradius for raskt å generere CSS-deklarasjoner med grenseradius.
Volum enhet omformer
Konverter mellom ulike volumenheter med presisjon for matlaging, ingeniørarbeid og vitenskapelige behov
Hex til oktal
Konverter heksadesimale tall til oktale uten problemer