CSS: cómo alinear cualquier cosa en 3 líneas

¿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:…

Generador de animaciones CSS 3

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: ligero framework CSS

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…

Librería gratuita para Tooltips 100% CSS y sin Javascript (Hint.css)

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…