PixelST
96 182 12 71

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

También puede interesarte...

¿Quieres un presupuesto?

Rellena el siguiente formulario y nos pondremos en contacto contigo...

Información sobre tu proyecto...

Información sobre tu proyecto...

* campos obligatorios
C/. Frigola 4 piso 3º pta 11
46980 - Paterna (Valencia)
96 182 12 71
626 928 764
PixelST - 2019 © - Todos los derechos reservados