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
Size
Color
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.
Generer CSS3-transformationer med lethed
Et kraftfuldt, intuitivt værktøj til at skabe komplekse CSS3-transformationer uden at skrive kode. Visualiser ændringer i realtid og kopier den genererede CSS til brug i dine projekter.
Gebyrkonverter
Konverter elektriske ladningsmålinger mellem forskellige enheder med præcision
Græsradiusgenerator
Et CSS-generatorværktøj til hurtigt at generere CSS-erklæringer med grænseradius.
Opret en brugerdefineret privatlivspolitik
en omfattende privatlivspolitik, der er skræddersyet til dit websted, din app eller din tjeneste.