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

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

Tags

Related Posts

Share This

Objeto interactivo en 3D con jQuery

jQuery Interactive

jQuery Interactive

En este artículo podréis ver cómo crear un objeto interactivo en 3D mediante imágenes y un simple JS.

Al hacer drag sobre la imagen arrastramos el objeto de tal modo que parece que estamos realizando un giro en 3D. En realidad estamos cargando todas y cada una de las imágenes que componen ese movimiento 360º. El efecto es perfecto para una galería de coches por ejemplo, el único problema es que nos tendremos que hacer con todas las imágenes de la rotación completa.

CONTINUAR LEYENDO “Objeto interactivo en 3D con jQuery” »

Comparte este Blog de Diseño Web

Tags

Related Posts

Share This

Widget para customizar los botones de suscripción en tu web

Botones para suscripción

Botones para suscripción

En ocasiones resulta complicado incorporar los botones de suscripción en tu web por no poder adaptarlos al diseño del conjunto de tu sitio.

Los botones de suscripción a Facebook, Youtube, Twitter o Google+, son botones preestablecidos que suministran las distintas redes sociales y que no podemos modificar.

Este código, nos ayuda a camuflar el botón de la red social, debajo de un slide. Se trata de una capa que se abre al hacer rollover sobre ella, de modo que podemos camuflar el diseño y mantener el botón original. Aquí tenéis el código para realizar botones de suscripción en vuestra web o blog con CSS y con un slide muy vistoso que podréis diseñar a vuestro gusto ya que llevará por detrás vuestra propia CSS.

Podéis ver el ejemplo y el código en cssdeck.com

Comparte este Blog de Diseño Web

Tags

Related Posts

Share This

ascensor.js Código jQuery para navegación web

Navegación web con jQuery

Navegación web con jQuery

La navegación web en una sola página es una forma de dar al usuario una transición entre secciones natural y muy vistosa.

Para ello existen multitud de plugins jQuery que facilitan el uso de este sistema de navegación.

Todas las áreas de contenido se encuentran en la misma página, y gracias al menú nos vamos desplazando por cada una de ellas.

CONTINUAR LEYENDO “ascensor.js Código jQuery para navegación web” »

Comparte este Blog de Diseño Web

Tags

Related Posts

Share This