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.
Less til CSS Konverter
Omdan din Less-kode til CSS. Hurtigt, nemt og sikkert.
Stylus til CSS-konverter
Omdan din SCSS-kode til CSS. Hurtigt, nemt og sikkert.
Sandsynlighedsberegner
Beregn sandsynligheder for forskellige scenarier med vores omfattende sandsynlighedsberegner.
Låneberegner
Beregn lånebetalinger, renteomkostninger og amortiseringsplaner med vores omfattende låneberegner.
Binær til ASCII
Konverter binær kode til ASCII-tegn uden besvær