Este é um post disponível para assinantes MVPVideo: Sombras em Textos - Curso CSS e Dreamweaver - Parte 5
Vamos aprender as propriedades de sombra horizontal, as propriedades de sombra vertical, a propriedade Blur, procurando entender a mesma, e ainda como trocar a cor de nossa sombra.
Tempo: 15 min
Resumo: Adicionando mais um elemento ao nosso catálogo de funcionalidades de CSS3, vamos criar um exemplo de inserção de sombra em texto. Esta não é uma propriedade definida nas especificações da CSS3, e sim está definida nas especificações CSS2, mas por ser pouco utilizada e difundida, mas explorar nesta etapa do curso, principalmente por ter forte semelhança com a propriedade Box-Shadow, vista na aula anterior. Vamos aprender as propriedades de sombra horizontal, as propriedades de sombra vertical, a propriedade Blur, procurando entender a mesma, e ainda como trocar a cor de nossa sombra. Como plus, veremos como formatar uma TAG de parágrafo, no caso a TAG P.
Metodologia de desenvolvimento do exemplo: Entendimento conceitual e prático do elemento Text-Shadow. O exemplo é criado em Dreamweaver e serão feitos apenas algumas modificações no código gerado pelo programa.
Tecnologias utilizadas: CSS3 e Adobe Dreamweaver CS4
Exemplos construídos: Criação da página de referência ao elemento Text-Shadow.
Palavras-chave: CSS3, classes, sombra em texto, text-shadow, tag p

Curso(s):
Web Designer da Universidade de Passo Fundo
Trabalha a aproximadamente 12 anos com tecnologia Web, em especial tecnologias Adobe (Flash, Dreameaver e Fireworks)
Twitter: www.twit...
Space do autor

download

0
0
