CSS Box Shadow Generator
Hva er CSS Box Shadow?
CSS-egenskapen box-shadow legger til skyggeeffekter rundt rammen til et element. Skygger kan forskyves, gjøres uskarpe, spres, farges og settes som inset (indre skygge). Flere kommaseparerte skygger kan stables for rike effekter. Denne generatoren lar deg bygge komplekse flerlags-skygger visuelt og kopiere den klar-til-lim CSS til utklippstavlen.
Slik bruker du Box Shadow Generatoren
-
Juster glidebryterne for Offset X/Y, Blur og Spread for å plassere og forme skyggen.
-
Klikk på fargeprøven for å velge en skyggefarge, og bruk Opacity-glidebryteren for gjennomsiktighet.
-
Slå på 'Inset' for å lage et indre glød eller et trykket effekt.
-
Klikk på '+ Legg til lag' for å stable flere skygger oppå hverandre.
-
Kopier den genererte CSS og lim den inn i stilarket ditt.
Keywords: CSS box shadow generator, box-shadow CSS, CSS skygge verktøy, CSS drop shadow, indre skygge, flerlags skygge, CSS shadow online