CSS-tekstivarjogeneraattori laiskoille ihmisille.
Valitse galleriasta ennalta määritetty tyyli tai luo tekstin varjo mieltymystesi mukaan. Määritä haluamasi attribuutit saadaksesi CSS-koodin.
Siirrä varjoa oikealle/alas, aseta sumennus ja peittävyys ja valitse väri paletista saadaksesi CSS:n. Käytä online-editoria muokataksesi tyyliäsi manuaalisesti. Seuraa varjosi kehitystä live-esikatselussa, jossa voit määrittää mukautetun tekstin ja taustavärin.
CSS3 Text Shadow Explained
CSS3 text-shadow -ominaisuus on yksi suosituimmista tekniikoista, joilla voidaan asteittain parantaa verkkosivuston suunnittelua. Vaikka se oli alun perin CSS 2.1 -spesifikaatiossa, se poistettiin tuen puutteen vuoksi. Se on kuitenkin nyt takaisin CSS 3:ssa ja sillä on laaja tuki nykyaikaisten selaimien keskuudessa.
Se ottaa neljä arvoa: ensimmäinen arvo määrittää varjon etäisyyden x (vaaka) suunnassa, toinen arvo asettaa etäisyyden y (pystysuuntaan), kolmas arvo määrittää varjon epäterävyyden ja viimeinen arvo asettaa väri.
Vaikka tämä on suhteellisen helppo muistaa muihin CSS3-sääntöihin, kuten border-radius, verrattuna, on hyödyllistä käyttää tämän kaltaista generaattoria, jotta voit luoda tekstivarjon reaaliajassa ja hienosäätää sitä Photoshopin kaltaisilla säätimillä.
