BLOG DE DISEÑO WEB CORUÑA

Un poco de todo, recursos, tutoriales, noticias, anuncios...

Desenfocar imágenes con jQuery Background Blur plugin

Desenfocar imágenes con jQuery Background Blur plugin

04/ENE/2017 2.526 visitas Ver comentarios

Desenfocar imágenes (sobre todo las usadas como fondo) suele quedar muy bien... El problema de este efecto es que, si no queremos usar los filtros de CSS por problemas de compatibilidad con los navegadores, tenemos que depender de hacer la imagen desenfocada (con blur) y la normal y esto nos cuesta demasiado trabajo.

Pues bien, Background Blur viene a darnos una solución muy elegante y muy liviana (de tan solo 4 kb) que se encargará mediante el soporte SVG de nuestros browsers de aplicar el blur a las imágenes de una manera muy elegante y fácil (tan solo una línea de código bastaría). Efecto al cual puede aplicarse una animación si queremos realizar transiciones entre imágenes.

LEER ENTRADA