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

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

Share and Enjoy

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

Share and Enjoy

Tags

Related Posts

Share This

¡Gana un Template totalmente gratis!

Gana un template GRATIS

Gana un template GRATIS

¿Quieres un soplo de aire fresco para tu blog y estás buscando un nuevo template?
¿Lo quires G-R-A-T-I-S?

¡Bingo! Este puede ser tu momento de gloria.

TemplateMonster  te ofrece la oportunidad de participar en un concurso realmente interesante en el que sortea 3 templates totalmente gratis.

Como todos sabemos, TemplateMonsterhace más fácil el diseño web mediante plantillas y ahora, nos invita a participar en el sorteo de 3 plantillas. Ya sea cms, blog – WordPress, Joomla o Drupal, esta es tu oportunidad de darle a tu web un aspecto renovado y profesional.

Lo único que tienes que hacer es participar ¡Y puedes ganar un Template por la cara!

Te lo explicamos paso a paso para que tú también puedas concursar por un template valorado entre 50 y 85 euros totalmente gratis.

¿Qué tengo que hacer para ganar mi Template?

Al igual que las veces anteriores,  para convertirse en el participante , es necesario seguir algunos pasos obligatorios como seguir a TemplateMonster en Facebook , Twitter , Pinterest y Google+ . Además, es necesario un tweet sobre este sorteo .

TemplateMonster.com

TemplateMonster.com

  1. Lo primero es visitar la página de TemplateMonster.
  2. Elige el template que más te guste y anota el número que lo identifica.
  3. En este mismo post que estás leyendo, deja un comentario con el numero de template que te quieres ganar.
  4. Necesitamos su correo electrónico para informar a los ganadores directamente y enviarles el código de promoción después del sorteo.
  5. ¡Ojo! Es cierto que las plantillas están muy bien, pero solo se puede concursar una vez.

Puedes ganar cualquier plantilla cms o blog – wordpress, joomla, drupal.
Ten en cuenta que todos los comentarios quedan por un tiempo en período de moderación: si no ves reflejado el tuyo inmediatamente, no te preocupes, porque tomamos como válido el momento en que tu lo envíes, no el momento en que sale publicado.
Los nombres (es decir los Nicks) de los ganadores saldrán en un post de nuestro blog y en cuanto TemplateMonster vía mail para darles la buena noticia de que tienen un código de promoción 100% para un template de su elección.

¿Cómo se eligen los ganadores?

  1. Se utiliza la aplicación de random.org mediante la cual se pueden obtener resultados totalmente aleatorios.
  2. TemplateMonster genera los promocódigos que permiten obtener las plantillas web de Templatemonster.com gratis en base a los usuarios que han participado.

¡Fíjate lo mucho que puedes ganar dejando tu comentario! ¡Aprovecha y empieza ahora mismo!

Comparte este Blog de Diseño Web

Share and Enjoy

Tags

Related Posts

Share This