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.
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…
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.
Efecto de 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.