Blog sobre Accesibilidad Web, diseño Web, SEO y recursos gratis en la Web

miércoles, 6 de octubre de 2010

Un generador de gradientes para usar en CSS

Un generador de gradientes para usar en CSS

Es Alex Sirota el creador de esta aplicación, precisamente en el sitio Web de Colorzilla.

Se trata de un interesante generador de gradientes para ser utilizado—luego—en cualquier página HTML mediante CSS.

Ultimate CSS Gradient Generator from ColorZilla

De esta manera, el CSS generado, es el siguiente:
background: #b7deed; /* old browsers */
background: -moz-linear-gradient(top, #b7deed 0%, #71ceef 50%, #21b4e2 51%, #b7deed 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7deed), color-stop(50%,#71ceef), color-stop(51%,#21b4e2), color-stop(100%,#b7deed)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed',GradientType=0 ); /* ie */

HTML5 estará introduciendo una interesante forma de manejar los gradientes en CSS3 y esta aplicación nos pone las cosas bien fáciles para comprender lo que se viene.

Hay disponibles varios presets; de otra manera usuarios de Fireworks y/o Photoshop pueden reconocer fácilmente los sliders para trabajar con estos gradientes en forma personalizada.

Sitio Web | Ultimate CSS Gradient Generator from ColorZilla
Share:

Publicidad

Estadísticas