Etiqueta: css

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

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

+ Read More

Cómo hacer parpadear un texto en CSS

Cómo hacer parpadear un texto en CSS

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 …

+ Read More

Generador de animaciones CSS 3

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 …

+ Read More

Spectre.css: ligero framework CSS

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

CSS+HTML soportado por Outlook y otros clientes de correo

CSS+HTML soportado por Outlook y otros clientes de correo

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

+ Read More

Espectaculares carruseles elásticos con efectos circulares

Espectaculares carruseles elásticos con efectos circulares

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 …

+ Read More

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

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 …

+ Read More