DevTulz Online

CSS Box Shadow Generator

Baggrund

Hvad er CSS Box Shadow?

CSS-egenskaben box-shadow tilføjer skyggeeffekter rundt om et elements ramme. Skygger kan forskydes, sløres, spredes, farves og indstilles som inset (indre skygge). Flere kommaseparerede skygger kan lagdeles for rige effekter. Denne generator lader dig bygge komplekse flerlags-skygger visuelt og kopiere den klar-til-indsæt CSS til udklipsholderen.

Sådan bruges Box Shadow Generatoren

  1. Juster skyderne for Offset X/Y, Blur og Spread for at placere og forme skyggen.

  2. Klik på farvefeltet for at vælge en skyggefarve, og brug Opacity-skyderen til gennemsigtighed.

  3. Slå 'Inset' til for at skabe en indre glød eller et trykket effekt.

  4. Klik på '+ Tilføj lag' for at stable flere skygger oven på hinanden.

  5. Kopiér den genererede CSS og indsæt den i dit stylesheet.

Keywords: CSS box shadow generator, box-shadow CSS, CSS skyggeværktøj, CSS drop shadow, indvendig skygge, flerlags skygge, CSS shadow online