Como hacer un fondo degradado en un div con CSS

Para hacer buenos diseños en nuestras páginas web, nos va a ser muy práctico poder utilizar fondos con un degradado de color que vaya progressivamente de un tono a otro. Para ello antes no teníamos más remedio que poner una imagen de fondo en el div que previamente havíamos hecho en Photoshop pero ahora, gracias a las nuevas propiedades del CSS3 lo podemos hacer muy fácilemnte con código para integrar en nuestro HTML.

La propiedad se llama Gradient Background (fondo degradado) y se puede aplicar en cualquier div o tabla (aunque no lo recomiendo en tablas). Se trata de una transición de color suave entre dos o más colores. La ventaja es que no solo ahorramos tiempo, sino que también tiempo de descarga y ancho de banda, con lo que utilizando fondos degradados en un div con CSS hacemos que nuestras páginas web vayan más rápidas.

Continuar leyendo