Etiquetas de Filtros
Las etiquetas para filtros permite
agregar efectos al diseño, los efectos que a la hora están
disponibles son:
- Sombra
- Bisel
- Desenfoque
- Sombra colorida
Filtro de sombra:
El
filtro de sombra se define por medio de la etiqueta .dropshadow
y los parámetros
que incluye
esta etiqueta permiten ajustar elementos en la sombra como el color,
distancia, desenfoque, ángulo también incluye un para de parámetros
que controlan la visibilidad de la sombra que puede estar dentro o
fuera del objeto que la genera y otro que permite quitar la
visibilidad del objeto que la genera.
Todos
los filtros se aplican al objeto por medio del atributo filter.
Descripción
de los parámetros:
color
→ un valor hexadecimal ó una de las cadenas de color reconocidas
por el programa, que indica el color de la sombra.
distance
→ un valor numerico que indica en pixeles a que distancia se
ubicará la sombra del objeto
angle
→ un valor numerico que indica el ángulo al que se ubicará la
sombra
blur
→ un valor numerico que indica la cantidad de desenfoque de la
sobra.
knockout
→ este parámetro permite quitar la visibilidad del objeto que
genera la sombra.
innershadow
→ este parámetro permite que la sombra quede dentro del objeto que
la genera.
Ejemplo
de utilización
.dropshadow
name=sombra
color=black disntace=5 angle=315 blur=5
.put
figura filter=sombra
Filtro de bisel:
El filtro de bisel se
define por medio de la etiqueta .bevel y básicamente lo que hace es
definir dos sobras sobre el objeto en direcciones opuestas por lo que
soporta los parámetros del efecto sombra además incluye unos
propios que son:
highlight → color de
sombra que se aplica a la parte superior.
shadow → color de
sombra que se aplica a la parte inferior.
Ejemplo
de utilización
.bevel
name=bisel
highlight=white shadow=black disntace=5 angle=315 blur=5 knockout
.put
figura filter=bisel
Filtro de desenfoque:
El filtro de desenfoque
se define por medio de la etiqueta .blur y es el filtro mas sencillo
de definir solo requiere el atributo de desenfoque
Ejemplo
de utilización
.blur
name=desenfoque
blur=5
.put
figura filter=desenfoque
Filtro de glaceado degradado:
Este
filtro se define por medio de la etiqueta .gradientglow
y es similar al efecto sombra con la diferencia que se aplica una
sombra con degrado. Por tanto el parámetro gradient
permite asignar un degrado previamente definido. Los demás
parámetros son iguales al los del filtro sombra.
Ejemplo de utilización
.gradient
degradado:
0%
=blue
50%=red
100%=green
.end
.gradientglow
name=filtro
gradient=degradado
angle=45 distance=10 blur=5
.put
figura filter=filtro
No hay comentarios.:
Publicar un comentario