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

SCSS til CSS konverter

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

Stylus til CSS-konverter

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

Sass til CSS konverter

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

Fjern linjeskift fra din tekst

Konverter tekst med flere linjer til en enkelt kontinuerlig linje med vores brugervenlige værktøj.

Energienhedskonvertering

Konverter mellem forskellige energienheder med præcision og lethed

Effektenhedskonverter

Konverter mellem forskellige effektenheder med præcision til dine tekniske og videnskabelige behov