Pessoal neste post eu estarei mostrando algumas da funcionalidades do CSS3 e aplicações que te ajudarão bastante quando você for criar o seu próprio layout de blog ou site, antes de tudo o CSS3 é incompatível com o Internet Explorer, já os outros navegadores como Firefox e Chrome, já são compatíveis com CSS3, em algumas notícias recentes diz a Microsoft que a partir do IE 9 já estará compatível com o CSS3, isto é uma coisa que a Microsoft deveria já ter resolvido a muito tempo.

Então vamos deixar de falatório e ir ao que interessa. Nos tutoriais eu coloquei os exemplos em foto para que você não tenha problemas de incompatibilidade caso você tenha o IE 6, 7 e etc...

 Neste primeiro tutorial sobre CSS3 estarei mostrando aplicações em texto, neste caso sombras, 

Aplicando sombra em textos com CSS3,

Para aplicarmos sombras em textos com CSS é só usar o código abaixo em seu estilo:

Entendendo a estrutura do código, abaixo eu estou mostrando um exemplo de como o código funciona.

Legenda

1. Classe.
2. Código em que chama o filtro de sombra.
3. Valor X, ou seja o valor da horizontal, positivo = direita, negativo = esquerda.
4. Valor Y, ou seja o valor da vertical, positivo = baixo, negativo = cima.
5. Valor do Blur, ou desfoque.
6. Aqui você coloca a cor que será a sombra.

Abaixo eu estou colocando alguns exemplos do que podemos fazer com o filtro de sombra juntamente com o respectivo código;

Relevo

Neon

Multiplas Sombras Coloridas

Texto em chamas

Efeito de distancia

Espero que eu tenha ajudado, até o próximo tutorial de CSS!

Compartilhe!