Opret smukke CSS-boksskygger uden besvær
Generer fantastiske boksskygger med vores intuitive grænseflade. Kopier CSS-koden og brug den i dine projekter med det samme.
Preview
Skygge
Tilpas mig
CSS-output
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
Skyggekontroller
Position
0px
4px
Size
6px
-1px
Color
10%
Options
Presets
Blød skygge
Medium skygge
Kraftig skygge
Indvendig skygge
Skarp diagonal
kontur Glød
Dobbelt skygge
Løftet effekt
Sådan bruges
grundlæggende betjeningsmuligheder
- Juster denvandrette forskydningfor at flytte skyggen til venstre eller højre
- Justerden lodrette forskydningfor at flytte skyggen op eller ned
- Forøgsløringsradiusfor at gøre skyggen blødere
- Use Spredningsradiusfor at øge eller formindske skyggens
- SkiftColor and OpacitySådan tilpasser du skyggeudseendetce
Avancerede funktioner
- Enable Indsæt skyggefor at skabe en indre skyggeeffekt
- Use Flere skyggerfor mere komplekse effekter
- Gem og indlæsPresetsfor hurtig adgang til dine yndlingsskygger
- Click Tilfældig skyggefor inspiration
- Kopier den genererede CSS-kode, og indsæt den i projektet
Related Tools
Sass til CSS konverter
Omdan din Sass-kode til CSS. Hurtigt, nemt og sikkert.
CSS til LESS-konverter
Omdan din CSS-kode til LESS med variabler, indlejring og meget mere. Hurtigt, nemt og sikkert.
Less til CSS Konverter
Omdan din Less-kode til CSS. Hurtigt, nemt og sikkert.
HSV til RGB
Konverter HSV-farvekoder til RGB-værdier til webudvikling
Aldersberegner
Beregn din nøjagtige alder i år, måneder og dage med vores præcise aldersberegner.
Volumetrisk flowhastighedskonverter
Konverter volumetrisk flowhastighed mellem forskellige enheder med præcision og lethed