|
O filtro Shadow
(sombra) é um filtro do Windows cuja função é criar uma silhueta
colorida em projeção, em um elemento de HTML (que pode ser um texto,
uma imagem, etc.)
O comando base de aplicação do filtro Shadow é esse:
FILTER: progid:DXImageTransform.Microsoft.Shadow(color='#000000',
Direction=135, Strength=12)
Seus atributos são:
color - é a cor da sombra - neste
exemplo foi usada a cor preta #000000
Direction=135 - é o ângulo da sombra
(varia de 0 a 360°)
Strength=12 - é a amplitude da sombra
em projeção
A cor da fonte no modelo está definida nesta outra parte:
<DIV
style="FONT-WEIGHT: bold; FONT-SIZE: 18pt; FILTER: progid:DXImageTransform.Microsoft.Shadow(color='#00000',
Direction=135, Strength=12); WIDTH: 300px;
COLOR: #ffffff; FONT-FAMILY: Verdana; TEXT-ALIGN: center">
Filtro SHADOW simplificado
Pode ser usada uma sintaxe mais simples para o filtro:
FILTER: progid:DXImageTransform.Microsoft.Shadow(Color='grey')
Neste caso o programa assume um ângulo e uma amplitude padrão
Testando os atributos do Filtro Shadow
Pegue AQUI o modelo teste
de aplicação do filtro Shadow com o código completo e com o código
simplificado.
Abra o modelo completo e na Origem faça os testes (sempre um de cada
vez e olhando na aba Visualizar para ver o que muda). Por exemplo:
a) altere o valor do ângulo em Direction=135
b) altere o valor da amplitude em Strength=12
c) altere a cor da sombra, usando um nome em inglês e depois usando
outra cor pelo seu código hexadecimal;
d) altere a cor da fonte em COLOR: #ffffff para outra cor
Enfim, experimente mudar as cores e valores dos atributos do filtro
Shadow para compreender o seu funcionamento.
Observe que a pequena imagem aplicada na caixa de texto também ficou
sob a ação do filtro.
Bom divertimento! |
