|
O filtro Dropshadow é
um filtro do Windows cuja função é criar uma silhueta sólida e
colorida em um elemento de HTML (que pode ser um texto, uma imagem,
etc.).
Veja o anexo 05 - que trata do filtro shadow - e repare a diferença:
no filtro shadow a sombra tem uma projeção em perspectiva e no
dropshadow a sombra é sólida.
Os comando base de aplicação do filtro Dropshadow é esse:
FILTER: progid:DXImageTransform.Microsoft.dropshadow(OffX=8, OffY=8,
Color='red', Positive='true');
Seus atributos são:
OffX=8 - é o tamanho da sombra no eixo
x
OffY=8 - é o tamanho da sombra no eixo
y
Color='red' - cor da sombra que poderá
ser indicada pelo nome em inglês ou pelo código hexadecimal.
Positive='true' - habilita o filtro; se
usarmos 'false' desabilitará o filtro
nota. Em certos scripts encontramos ao invés de Positive='true' o
atributo enabled=1
Neste caso se colocarmos enabled=0 o filtro estará desabilitado.
A cor da fonte no modelo está definida nesta outra parte:
<DIV
style="FONT-WEIGHT: bold; FONT-SIZE: 18pt; FILTER: progid:DXImageTransform.Microsoft.dropshadow(OffX=8,
OffY=8, Color='#4f4730', Positive='true'); WIDTH: 300px;
COLOR: #ffffff; FONT-FAMILY: Verdana;
TEXT-ALIGN: center">
Filtro DROPSHADOW simplificado
Pode ser usada uma sintaxe mais simples para o filtro:
FILTER: progid:DXImageTransform.Microsoft.dropshadow(Color='grey')
Neste segundo caso o programa assume um valor padrão para offx e
offy
Testando os atributos do Filtro Dropshadow
Pegue AQUI o modelo teste
de aplicação do filtro dropshadow 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 conferindo pela aba Visualizar que o que altera). Por exemplo:
a) altere o valor de OffX=8 e de OffY=8
b) altere a cor da sombra, usando um nome em inglês e depois usando
outra cor pelo seu código hexadecimal;
c) altere a cor da fonte em COLOR: #ffffff para outra cor
d) altere o atributo Positive='true' para false
e) delete do código o comando Positive='true' e use em seu lugar
enabled=1.
Mude agora o valor de enable para ZERO
Enfim, experimente mudar as cores e valores dos atributos do filtro
dropshadow 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! |
