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
El CSS3 y el HTML5 han actualizado de manera significativa el desarrollo web, si bien los principios fundamentales son los mismos, hay innumerables técnicas y nuevas posibilidades disponibles. Aprender…
Esta web utiliza cookies propias y de terceros para analizar nuestros servicios y mostrarle publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de sus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de sus datos para estos propósitos. Más informaciónPersonalizar Cookies   
Privacidad