Degradados CSS3

CCS3 es el caramelo de todos los diseñadores web.

El ocaso de IE6 y todo el potencial de CSS3 y HTML5 nos permiten disfrutar un poco más de nuestro trabajo.

Los degradados en CSS3 parecen un sueño para evitar el uso de imágenes, podemos crearlos horizontales, verticales, radiales, de varios colores, etc.

Sólo tenéis que pasaros por CSS3 Patterns Gallery para ver todo el potencial.

CSS3 Patterns Gallery

Nicole Sullivan se planteó que la creación del código de un degradado CSS3 era demasiado compleja.

Hasta ahora los diseñadores utilizábamos herramientas como Photoshop o Fireworks para crear las imágenes que reproducen estos degradados al ponerlas repetidas veces como fondo. Nicole planteaba en su Twitter si no era posible generar ese código del degradado CSS3 desde una imagen.

En pocas horas obtuvo multitud de respuestas, entre ellas algunas soluciones:

  • pngtocss: Philip Tellis (@bluesmoon) hizo un proyecto de código abierto para convertir png en CSS desde la lí­nea de comandos
  • Image Gradient to CSS Gradient (ImageG2CSS) Para evitar la lí­nea de comandos zoompf desarrolló con el código de Philip esta sencilla aplicación web.

Pero fue colorzilla quien añadió a su completo generador de degradados CSS la opción de “generar desde una imagen”

Ultimate CSS Gradient Generator - ColorZilla

Concurso abril cursos de diseño en Facebook

¿Conoces más recursos, herramientas o utilidades?

Compártelos en Facebook y gana todos estos cursos de diseño

Escribí esto el 27/04/2011
Comentarios cerrados.

Usamos cookies para obtener datos estadísticos de su navegación y poder ofrecer publicidad contextual de terceros

ACEPTAR
Aviso de cookies