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.
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.
Shake-256 Hash Kalkulator
Generer Shake-256-hasher raskt og enkelt
Tilsynelatende strømomformer
Konverter tilsynelatende kraft mellom forskjellige enheter med presisjon og letthet