Cuenta regresiva con CSS y Javascript

Reloj 3D

Reloj 3D

Vistosa cuenta regresiva que simula los antiguos paneles que podíamos ver en los aeropuertos.

Podéis ver y descargar el código CSS y JS en CodePen.

VER DEMO Y DESCARGAR

Comparte este Blog de Diseño Web

Share and Enjoy

Tags

Related Posts

Share This

Efectos hover para botones con CSS3

Efectos CSS3 para botones

Efectos CSS3 para botones

El uso de botones realizados con CSS3 es ya una práctica habitual, reducen peso a la página y existen mil maneras de customizarlos para sustituir sin problema a casi cualquier imagen de botón. Hoy os dejo una colección de códigos realizados con CSS3 que además añade todo tipo de acciones a esos botones, aunque podrían aplicarse también a imágenes.

Podréis encontrar: animaciones 2D, transformaciones de bordes, transformaciones y movimientos con sombras, transformaciones tipo burbuja, o el típico curl de página.

CONTINUAR LEYENDO “Efectos hover para botones con CSS3” »

Comparte este Blog de Diseño Web

Share and Enjoy

Tags

Related Posts

Share This

¿Cómo hacer una galería de fotos igual que la de Google?

Galería de imágenes Google

Galería de imágenes Google

Todos vosotros habréis visto la galería de imágenes de Google, al pinchar sobre cualquiera de los thumbnails, este se despliega con un efecto acordeón, insertando un espacio de información entre las demás miniaturas de la página.

En este post de diseño web, vais a poder acceder a toda la información para implementar una galería exactamente igual a la de Google en vuestro sitio web.

CONTINUAR LEYENDO “¿Cómo hacer una galería de fotos igual que la de Google?” »

Comparte este Blog de Diseño Web

Share and Enjoy

Tags

Related Posts

Share This

Animación con HTML5 … SALVAJE !!!!

Animación en HTML5

Animación en HTML5

Conocía la potencia del HTML5 para desarrollar movimiento en diseño web, pero no era consciente de la “salvaje” cantidad de posibilidades que nos ofrece. Unas posibilidades que serían seguramente más, si no fuese por la absurda incompetencia de navegadores como Explorer e incluso Firefox.

En esta impresionante web de la que hablamos hoy, además de mostrarnos cómo realizar animaciones con HTML5, podremos ver una serie de ejemplos web que seguro que os sorprenden.

Los ejemplos que vais a ver están desarrollados con CSS3, SVG, Canvas y WebGL

CONTINUAR LEYENDO “Animación con HTML5 … SALVAJE !!!!” »

Comparte este Blog de Diseño Web

Share and Enjoy

Tags

Related Posts

Share This

Espectacular menú 3D desplegable con CSS y jQuery !!!

Menú desplegable efecto 3D

Menú desplegable efecto 3D

Espectacular, mucho, ¿dónde colocarlo? eso ya es otra cosa…

El caso es que si quieres incorporar a tu diseño web un menú con efecto “persiana 3D”, este es el código que necesitas.
Tanto el efecto de desplegar como el de plegar, simulan gravedad. Además, podemos colocarlo de frente o simulando profundidad, creando así aún más sensación de elemento 3D. La fluidez del movimiento es muy buena y eso le hace más real.
Estoy seguro de que más de uno lo va a tener en cuenta para su próximo diseño web, y sobre todo que a nadie dejará indiferente ;)

CONTINUAR LEYENDO “Espectacular menú 3D desplegable con CSS y jQuery !!!” »

Comparte este Blog de Diseño Web

Share and Enjoy

Tags

Related Posts

Share This