CSS Box Shadow-generator

Alla verktyg
CSS Box Shadow-generator
Skapa skiktade CSS box-shadows med realtidsskjutreglage för förskjutning, oskärpa, spridning, färg, opacitet och infällning — förhandsgranska på ett riktigt element och kopiera CSS omedelbart.
Live-förhandsgranskning
Live-förhandsgranskning
CSS
box-shadow: —;

Allt uppdateras live i din webbläsare — inga uppladdningar, ingen registrering, helt gratis.

Skugglager
px
px
px
px
Skuggfärg
20%
Element & canvas
16px
Förinställningar
Dela
Relaterade verktyg
E-postsignaturbyggare

Designa en professionell HTML-e-postsignatur från 30 mallar, anpassa den och spara.
Kodformaterare

Formatera HTML, CSS och JavaScript — återindragera och lägg till radbrytningar för att göra rörig eller minifierad kod läsbar.
QR-kodsgenerator

Skapa en QR-kod (URL, text, Wi-Fi, vCard…) som PNG.
Ikon till PNG

Konvertera Bootstrap Icons, Font Awesome och fler till anpassade PNG-bilder — gratis, i din webbläsare.
App-ikongenerator

Generera en komplett, butiksfärdig appikonuppsättning för App Store och Google Play — förstklassiga gradient-, mesh- och mönsterbakgrunder, byggda från din logotyp.
Favicon-generator

Bygg ett komplett favicon-paket från en logotyp, en typsnittsikon eller ett monogram — favicon.ico, moderna PNG-filer, Apple touch-ikonen, PWA-ikoner, ett webbmanifest och HTML-utdraget.
Populära sökningar
CSS box shadow generator box shadow CSS skuggenerator online CSS skuggskapare lagrad box shadow inset skugga CSS

Lägg till det här gratisverktyget på din egen webbplats — kopiera och klistra in koden nedan.