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

CSS til LESS-konverter

Omdan din CSS-kode til LESS med variabler, indlejring og meget mere. Hurtigt, nemt og sikkert.

Sass til CSS konverter

Omdan din Sass-kode til CSS. Hurtigt, nemt og sikkert.

Stylus til CSS-konverter

Omdan din SCSS-kode til CSS. Hurtigt, nemt og sikkert.

Storage Density Unit Converter

Konverter mellem forskellige enheder af datalagringstæthed med præcision

Oktal til decimal

Konverter oktale tal til decimaltal uden besvær

GST-beregner

Beregn skat på varer og tjenesteydelser (GST) med vores brugervenlige GST-beregner.