Efectos con CSS3 y jQuery espectaculares – 02

Continuamos con la recopilación de más efectos en CSS3 y jQuery. Hoy os presentamos 3 efectos que podremos incorporar a nuestros proyectos dándoles un toque diferente.

Comenzamos con un original efecto al pasar el cursor por las miniaturas.

Efecto hover miniatura

Al pasar el cursor sobre la miniatura provocará un efecto de transición mostrándonos una descripción de la imagen. Tenemos disponibles 10 efectos diferentes que van desde el blur, un zoom ampliado, movimientos hacia arriba, abajo, izquierda, derecha etc…

DEMOVER CÓDIGO

 

Efecto de acordeón vertical

Efecto acordeón vertical

La idea principal es ampliar la zona sobre la que hago clic, dejando el resto de zonas menos opacas. Como opciones, podremos personalizar la altura y la anchura, así como el número de zonas que están activas.

DEMOVER CÓDIGO

 

Efecto de desenfoque en cajas de texto

Efecto desenfoque en cajas de texto

 

La idea es que al pasar el ratón por un cuadro de texto, este se amplia ligeramente y el resto de cuadros no activos se reducen mostrándose desenfocados.

DEMOVER CÓDIGO

Facebook
Twitter
LinkedIn
TAMBIÉN PUEDE INTERESARTE
Nos ha llamado la atención esta simpática colección de iconos del diseñador sueco Victor Erixon. Se nota el cuidado que ha tenido en los detalles y la uniformidad gráfica…