BLOG DE DESARROLLO WEB

RECURSOS Y NOTICIAS ÚTILES EN TODOS LOS NIVELES PARA CUALQUIER DESARROLLADOR WEB...

Desenfocar imágenes con jQuery Background Blur plugin

Desenfocar imágenes con jQuery Background Blur plugin

04 de Enero de 2017 312 veces 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

Gallery Focus... desenfocando elementos por proximidad

Gallery Focus... desenfocando elementos por proximidad

11 de Octubre de 2011 4,258 veces Ver comentarios

Gallery Focus es un plugin escrito en javascript y basado en la librería jQuery, que nos permite desenfocar (hacer fade) elementos según proximidad. Es decir, según donde ubiquemos el ratón, podemos desenfocar todos los elementos alrededor del puntero con opciones personalizables.

Su implementación es muy sencilla, se debe definir el tamaño del área a desenfocar, la opacidad del resto de elementos no afectados por el desenfoque y si persigue al ratón o no, y algunas opciones más... pero las importantes son éstas 3 que mencioné.

LEER ENTRADA