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.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>