CSS Box Shadow Generator
Vad är CSS Box Shadow?
CSS-egenskapen box-shadow lägger till skuggeffekter runt ett elements ram. Skuggor kan förskjutas, göras oskarpa, spridas, färgsättas och ställas in som inset (inre skugga). Flera kommaseparerade skuggor kan läggas ovanpå varandra för rika effekter. Den här generatorn låter dig visuellt bygga komplexa flerlagers-skuggor och kopiera den klistra-klara CSS:en till urklipp.
Hur man använder Box Shadow Generatorn
-
Justera reglagen för Offset X/Y, Blur och Spread för att placera och forma skuggan.
-
Klicka på färgprovet för att välja en skuggfärg och använd Opacity-reglaget för genomskinlighet.
-
Växla 'Inset' för att skapa ett inre glöd eller ett intryckt effekt.
-
Klicka på '+ Lägg till lager' för att stapla flera skuggor ovanpå varandra.
-
Kopiera den genererade CSS:en och klistra in den i ditt stylesheet.
Keywords: CSS box shadow generator, box-shadow CSS, CSS skuggverktyg, CSS drop shadow, inre skugga, flerlagers skugga, CSS shadow online