Archivo de la etiqueta: background gradient

Generador de degradados automático (background gradient) para CSS3

gradient ColorzillaEsta mañana se ha actualizado en Firefox el plugin Colorzilla, que permite identificar el código hexadecimal de cualquier color (p.e.: #09cf88) con solo un clics.

Para sorpresa mía, tras finalizar ofrecen un enlace a un generador de código CSS3 para degradados, tal y como ellos dicen, con interfaz visual estilo Photoshop:

De manera intuitiva y visual podremos generar un degradado eligiendo los colores que deseemos, tantos como queramos y en la posición que queramos, además podremos adaptarlos al ancho que ocuparán en nuestra web, etc.

El último paso será copiar el código que nos genera dentro de los atributos del elemento al que queramos dar ese degradado como background en nuestra plantilla CSS. Como podemos ver, la compatibilidad cross-browser está muy cuidada, sin excluir versiones ya obsoletas de navegadores anticuados.