CSS Text Shadow generator för lata människor.
Välj en fördefinierad stil från galleriet eller generera en textskugga med dina inställningar. Ställ in önskade attribut för att få CSS-koden.
Flytta skuggan åt höger/nedåt, ställ in oskärpa och opacitet och välj en färg från paletten för att få din CSS. Använd onlineredigeraren för att justera din stil manuellt. Följ utvecklingen av din skugga i liveförhandsvisningen där du kan ställa in en anpassad text och bakgrundsfärg.
CSS3 Text Shadow Explained
CSS3 text-shadow-egenskapen är en av de mest populära teknikerna för att gradvis förbättra designen på en webbplats. Även om det ursprungligen fanns i CSS 2.1-specifikationen, drogs det tillbaka på grund av bristande support. Men det är nu tillbaka i CSS 3 och har brett stöd bland moderna webbläsare.
Det tar fyra värden: det första värdet definierar skuggans avstånd i x-riktningen (horisontell), det andra värdet anger avståndet i y-riktningen (vertikal), det tredje värdet definierar skuggans oskärpa och de sista värdeuppsättningarna av färgen.
Även om detta är relativt lätt att komma ihåg jämfört med andra CSS3-regler som border-radius, är det användbart att ha en generator som denna så att du kan generera din textskugga i realtid och finjustera den med Photoshop-liknande kontroller.
