|
|||||||
|
|
|
|||||
|
|
|||||||
| <style><!-- .wave {Filter: wave(Add=0, Freq=5, LightStrength=10 ,Phase=5 ,Strength=2); height:12} --></style> |
| El texto de arriba va entre <head> y </head> |
Con el filtro wave El texto o la imagen tendran un efecto de onda. Todos los ejemplos serán mostrados con imagenes ya que este efecto no se nota mucho en texto. Primero Add determina si el texto o la imagen se verá de manera clara. Ejemplos:
Valor de 0 para Add
Valor de 1
para Add
Freq nos indica la frecuencia con la que se darán las ondas, a mayor frecuencia mayor cantidad de ondas. No se nota mucho el efecto a menos que especifiques gran Strength.Ejemplos:
Poco valor para Freq
Gran valor
para Freq
LightStrength sirve para decidir la cantidad de luz que será aplicada a nuestro filtro, en las partes bajas de la onda. Ejemplos:
Poco valor para LightStrength
Gran valor
para LightStrength
Phase este atributo practicamente no modifica para nada ni al efecto ni a la imagen, sirve para especficar en que parte de la onda se iniciará el efecto, más o menos está relacionado con Freq. Ejemplos:
Valor de 0 para Phase
Valor de 14
para Phase
Por último Strength especfica la fuerza de la onda. Ejemplos:
Poco valor para Strength
Gran valor
para Strength
.wave indica el nombre de la clase, para establecer este efecto debes de poner el nombre de la clase inmediatamente después al nombre del elemento de esta manera class="wave". Ejemplos:
Texto que quieras
<img src="dibujo.gif" class="wave"> Resultado:
(para una imagen debes de quitar height)
<font class="wave">Lo que quieras</font>
Lo que quieras
Recuerda que también puedes especificar la alineación, tipo de
fuente, color, tamaño, etc.
Recuerda siempre aplicar este efecto como se muestra arriba, de otra manera sucederian algunos errores.
Este filtro unicamente se ve bien para imagenes y tablas, funciona también para texto pero los cambios serán sutiles.
Puedes modificar height para reducir o ampliar el espacio entre líneas
« Regresar a la Página de inicio
