La función CSSblur() aplica undesenfoque Gaussiano a la imagen de entrada. El resultado es un<filter-function>.

Pruébalo

filter: blur(0);

filter: blur(4px);

filter: blur(1.5rem);

<section>  <img          src="/shared-assets/images/examples/firefox-logo.svg"    width="200" /></section>

Sintaxis

blur(radio)

Parámetros

radio

El radio del desenfoque, especificado como<length>. Define el valor de la desviación estándar a la función gaussiana, es decir, cuántos píxeles en la pantalla se combinan entre sí; por lo tanto, un valor mayor creará más desenfoque. Un valor de0 deja la entrada sin cambios. El valor de laguna para la interpolación es0.

Ejemplos

blur(0)        /* Sin efecto */blur(8px)      /* Desenfoque con 8px de radio */blur(1.17rem)  /* Desenfoque con 1.17rem de radio */

Ver también

• <filter-function>