¿Te estás volviendo loco alineando una capa, una imagen o un párrafo verticalmente con respecto a otra cosa? ¿Tus viejos trucos de aumentar el padding-top son una mierda? ¡Aquí tienes la solución en tan sólo 3 líneas de atributos de CSS: .element { position: relative; top: 50%; transform: translateY(-50%); }.element { position: relative; top: 50%; transform: …
Antaño existía una etiqueta html para hacer parpadear un texto. Hoy en día ha pasado a la historia. No obstante, gracias a la magia de las animaciones en CSS 3 podrás hacer que un texto no sólo parpadee (aparezca y desaparezca), sino que cambie de color o cualquier otro tipo de cambio de atributo en …
CSS no proporciona una manera fácil de hacer una pausa en una animación antes de que continué de nuevo. Sí, hay un retardo en la animación, pero esto simplemente indica un retraso en el comienzo de la animación, es decir en la carga Animate proporciona una manera fácil de calcular los porcentajes de fotogramas clave para que …
Spectre.css es un framweork ligero, responsive y moderdo para desarrollos rápidos. Ligero y limpio para empezar tu proyecto y prototipo Layout flexbox, responsive and y mobile-friendly Detallados elementos de diseño Componentes y utilidades de serie Plantillas y patrones HTML Plantillas de E-mail Descargar spectre.css GRATIS
¿Estás programando un e-mail o newsletter y en Outlook no se ve bien? En el siguiente enlace podrás ver los elementos CSS y HTML soportados por los siguientes clientes de correo electrónico: Outlook 2007/10/13 +, Outlook 03 / Express / Mail iPhone iOS 7 / iPad Outlook.com, Apple Mail 6.5 Yahoo!, Mail, Google Gmail, y Android 4 …
Los carruseles o slideshows tienen varios sentidos útiles: desde destacar ciertos elementos de nuestra página web, hasta servir como galería de artículos en ciertas eShops. En la demo descargable que veremos a continuación podremos ver una curiosa implementación de carrusel. Por un lado, al pulsar en las flechas del carrusel los artículos pasan con un ligero …
Hint.css es una sencilla librería que podrás descargar de forma gratuita con el que añadir Tooltips a tu página Web. Algunas de sus principales características, más allá de las estéticas, son: 100% CSS. Sin JavaScript. Peso reducido: sólo 1.5KB minimizado y gzipped. Fácil de usar y sin necesidad de configuración. Funciona en todos los navegadores modernos. kushagragour.in lab – Hint [Descargar …