Testu-itzal sortzailea (text-shadow)

Idatzi zure testua, doitu itzala kontrolekin eta kopiatu text-shadow kodea. Hainbat geruza konbinatuz neoi-efektuak, 3D letrak, ingeradak edo erliebedun testua lor ditzakezu.

Testu-itzala

Kaixo mundua

Adibideak:

Itzal-geruzak

px
px
px

Nola dabilen text-shadow

text-shadow propietateak desplazamendu horizontala eta bertikala, lausotzea eta itzalaren kolorea hartzen ditu: adibidez, 2px 2px 4px rgba(0, 0, 0, 0.4). box-shadow ez bezala, ez du hedapenik ez insetik, eta letra bakoitzaren forma jarraitzen du.

box-shadow-en bezala, hainbat itzal kate daitezke komaz bereizita; lehena geratzen da gainean. Horrela lortzen dira adibideetako efektuak: neoiak desplazamendurik gabeko eta gero eta lausoagoak diren itzalak pilatzen ditu, 3Dak pixelez pixel desplazatutako itzal zorrotzak batzen ditu, eta ingeradak lau itzal zorrotz jartzen ditu letraren inguruan.

Irakurgarritasuna

Itzal leun batek argazki baten gaineko testua irakurtzen laguntzen du, baina paragrafo luzeetako itzal indartsuek begiak nekatzen dituzte. Erabili izenburuetan eta botoietan, eta egiaztatu beti testuaren eta atzealdearen arteko kontrastea.