Efectos con CSS3 y jQuery espectaculares – 01

Hoy comenzamos una recopilación de 3 posts en los que podremos aprender a realizar diferentes efectos realizados con jQuery y CSS3 con un denominador común, su espectacularidad.

Comenzamos esta serie con un efecto de desenfoque en transición de una imagen de fondo.

Efecto de desenfoque en fondo de pantalla

Este efecto provoca un blur en las imágenes de fondo en transición con la posibilidad de variar el fundido y la duración del blur en cada imagen.

DEMO  –  VER CÓDIGO

 

Miniaturas escalables

Miniaturas escalables
En segundo lugar, un efecto de miniaturas que se escalan proporcionalmente al pasar el ratón y nos permite en alguna de sus variaciones mostrar descripciones de la miniatura seleccionada.

DEMO  –  VER CÓDIGO

 

Y para cerrar este primer post de la serie, efectos de tipografía muy originales

Efectos de tipografía en CSS3
Con este efecto podremos crear grandes titulares con CSS3 y jQuery a través de animaciones y transiciones, ofreciendo diferentes variaciones

DEMO  –  VER CÓDIGO

Facebook
Twitter
LinkedIn
TAMBIÉN PUEDE INTERESARTE
La infografía es una representación visual de lo que se describe en texto mediante la utilización de imágenes, mapas, iconos etc… Una buena infografía debe trasmitir de forma clara…
Hoy os presentamos un nuevo proyecto, la nueva web de “Lambdatres”. Lambdatres es una empresa de Madrid, que se dedica al mobiliario de oficinas y al acondicionamiento de las…
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…
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