Free Web Hosting Provider - Web Hosting - E-commerce - High Speed Internet - Free Web Page
Search the Web

Explicación para el filtro Blur

<style><!--
.blur {
Filter: blur(Add=1, Direction=45,strength=4); height:12}
--></style>
El texto de arriba va entre <head> y </head>

El primer elemento que puedes cambiar es Add el cual indica con que claridad se dara el efecto, a veces no se nota demasiado. Ejemplos:

Valor alto en Add

Valor bajo en Add


Imagen con filtro Blur

Imagen sin filtro Blur

Posteriormente sigue Direction nos indica el ángulo en que se correrá el elemento. Ejemplos:

Valor de 180 grados

Valor de 45 grados

Por último strength nos dice la fuerza aplicada al efecto, valores altos nos dan gran borrosidad. Ejemplos:

Nivel Alto de Strength

Nivel Bajo de Strength

.blur 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="blur". Ejemplos:

Para un Link
<a href="index.htm" class="blur">Texto que quieras</a> Resultado:
Texto que quieras

Para una imagen:
<img src="dibujo.gif" class="blur"> Resultado:

(para una imagen debes de quitar height)

Para texto
<font class="blur">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.

Puedes modificar height para reducir o ampliar el espacio entre líneas

¿Alguna pregunta sobre este efecto? Escribela a continuación junto con tu E-mail junto con tu E-mail
  

« Regresar a la Página de inicio