Cómo aplicar Desenfoque Gaussiano usando CSS3

Desafortunadamente, CSS3 no provee una forma directa para crear efectos de desenfoque; sin enbargo, es posible emular fácilmente un desenfoque gaussiano usando text-shadow y asignando un color transparente al texto, por ejemplo:

p {
    text-shadow: 0 0 8px #000;
    color: transparent;
}

¿Sencillo verdad? Aplicando este truco, podemos crear efectos interesantes, como desenfocar el texto al fondo cuando visualizamos algún lightbox.

Desenfoque Gaussiano usando CSS3

Fuente: Martin Ivanov.

Share