NovaMonoFix
Errores PHP
X
Usuario
Password
0 FPS

Función CSS : blur()

30 de Diciembre del 2020 por Josep Antoni Bover. 0 visitas, 0 comentarios, 0 votos
Categorías : CSS.
La web está en segundo plano, animación en pausa.
Cargando animación...

Esta función aplica un filtro para desenfocar el objeto con un desenfoque gausiano.

Solo se puede utilizar dentro de la propiedad filter.


Sintaxis

blur( desenfoque );

El desenfoque debe ser un valor positivo utilizando cualquier tipo de unidad de tamaño relativa válida excepto porcentajes '%'.

Se tiene que especificar un valor que determinarña la dfesviación estándar, dicho valor puede ser especificado utilizando cualquier tipo de unidad relativa válida (excepto porcentajes '%').
Consulta la Referencia CSS : Unidades para más información.

Por ejemplo podéis ver los pasos de la animación de la derecha :

1
2
filter:blur(0px); /* 0 píxeles de desenfoque */
filter:blur(5px); /* 5 píxeles de desenfoque */

Código de ejemplo



Compatibilidad

Esta propiedad es soportada por todos los navegadores compatibles con CSS3.

Soportado a partir de la versión 23
Soportado a partir de la versión 35
Soportado a partir de la versión 18
Soportado a partir de la versión 6
NO soportado

Documento modificado por última vez : 30/12/2020
Ejemplo modificado por última vez : 30/12/2020

Enlaces relacionados