CSS text-shadow
Postado por: Pedro Rogério em
A propriedade text-shadow das CSS é destinada a obter um efeito de sombreamento em textos sem a utilização de qualquer tipo de imagem ou JavaScript. Se antigamente você precisava utilizar imagens para adicionar sombras a textos, hoje isso não é mais necessário, a não ser que você não esteja nem aí para o Internet Explorer, claro.
A sintaxe para utilização de text-shadow é a seguinte:
seletor {text-shadow:0px 5px 9px #000000;}
O primeiro valor é referente ao eixo x, o segundo é referente ao eixo y, o terceiro é destinado a dar um efeito de blur na sombra e o quarto define a cor da mesma. Para um melhor entendimento do tutorial, vejam o exemplo que criei.
Referências
Sobre Pedro Rogério
Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o CSS no Lanche também escreve para o Pinceladas da Web, blog com assuntos gerais sobre desenvolvimento web.
é realmente eu não estou nem ai para o IE…dane-se a microsoft!!!
adoooooooro
css eh mto legal, mto afude, infelizmente a porcaria do ieca6 e seu irmao 7 nao funfa….
como dizia, css eh mto legal, pena q nos profissionais de webstandars não somos mto valorizados, bom pelo menos no RS não somos….Já cheguei a ouvir cada coisa, que é de deixar louco com o pensamento de mtas pessoas, com relação ao desenvolvimento..eh triste…mas enfim
Grande matéria, nota 10 css eh show
abraços
isso aí não ta funfando no meu FF 3.0.13 não
Muito loco, testei e funcionou tranquilo!
cara css3 é um luxo só, mas o IE realmente é um cancer para a internet
Cara, Parece bom esse necosio de sombra sem utilizar imagen, fica bem mais leve pelo o q parece!
Porém amigo nun fufa nem no IE7 nem no FireFox.. pelo mesmo aki não fufa em nenhum dos dois!
Então minha pergunta é? pra que usar se não fufa para os navegadores principais….? até porque muitos usuarios simples sempre usão eles, não importanto o meu gosto ou não !! eu adoro o Mozila, porém meus Cliente usam mais o IE, então ai de mi, se num fizer uma pagina compativel também com o IE !!
Mais Fica o ABRAÇO e o MUITO OBRIGADO PELA DIGA!
Css é o MÁXIMO
aki soh no ie q nao rolo
firefox,opera,safari,chrome rodaram rulezz
@KleuToNs,
Em versões antigas do Firefox não funciona mesmo, no caso do IE, eu desconsidero.
Ñ funciona no Firefox 3.0.13 e muito menos no I.E 8… é c/foi dito anteriormente, de nada serve se ñ funciona 100% nos atuais navegadores.
Sucesso nos artigos!
Adoro ver esses pseudo-desenvolvedores , falando que desconsideram o IE. Gente que so olha para o próprio umbigo, o dia que trabalharem em uma grande corporação onde tudo é instucionalizado por normativos e que cada mudança envolve uma mudança na cultura das pessoas que utilizam um determinado browser , vao poder ter noção o quanto “tosco” e sem noção é falar , dane-se o IE.
Continuem assim … sobra mais emprego pra pessoas mais qualificadas.
Só funciona no Firefox, IE5, 6,7 e 8 #Fail
Guilherme, sobra mais empregos pra pessoas qualificadas em IE6? Pessoa que diz saber desenvolver pra IE6 na verdade ta falando que sabe fazer gambiarras!
Que comentário idiota o do guilherme kkkkkk
[...] expliquei em um post anterior a sintaxe de text-shadow, aconselho você a dar uma lida lá caso o código acima não fique claro para você. Mas esse [...]
E tem gente que acha que sabe sobre web… (sobre Guilherme)
Bom post! a única coisa triste é que não pega no IE..cah e pra que num ta conseguindo ver ter quer ter no minimo o FF 3.5 ;D
Abraços a todos..
Excelente, pena o BugExplorer não funcionar.
Cara, excelente tutorial. O efeito ficou otimo!
Muito obrigado!!
Continue assim amigão!
Pois é! Dane-se o IE ! cada cliente conquistado eu solicito que ele mude para firefox! um dia o IE some tenho fé em Deus!!!
Esse browser bugado do inferno só me faz ter mais trabalho e me obriga a fazer gambiarra ou elementos que tornam o site mais pesado! coisa de Tosko! Tô fora!
Abrass!
Infelizmente a maioria das pessoas aqui no Brasil, pelo menos nos sites q eu trabalho, usam IE. É triste mas é preciso se adequar ao publico alvo.
Bom post.. mas poderia falar um pouco sobre diferenças nos browsers, aqui o text-shadow no safari sempre fica mais ‘cheinho’.