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
Mindre til CSS-konverterer
Forvandle Less-koden din til CSS. Raskt, enkelt og sikkert.
Generer CSS3-transformasjoner med letthet
Et kraftig, intuitivt verktøy for å lage komplekse CSS3-transformasjoner uten å skrive kode. Visualiser endringer i sanntid og kopier den genererte CSS-en for bruk i prosjektene dine.
Telle ord, tegn og mer
Få detaljert statistikk om teksten din med vårt nøyaktige ordtellerverktøy.
Omformer av lagringstetthetsenhet
Konverter mellom ulike enheter for datalagringstetthet med presisjon
Alder Kalkulator
Beregn din eksakte alder i år, måneder og dager med vår nøyaktige alderskalkulator.