Siempre en todo diseño quedan bien los gradientes. Esto incluye los diseños web, pero se presenta el tema de que uno suele querer utilizar la menor cantidad posible de imágenes para evitar así que nuestro proyecto se torne pesado al momento de cargar. Recuerden que es importante que nuestro diseño final cargue con velocidad además de verse atractivo.

En ElWebmaster nos explican claramente como podemos crear gradientes solo utilizando CSS. Solo código, nada de imágenes. Ideal para poder darle mas vida al fondo de nuestro sitio sin necesidad de imágenes. Solo copien y peguen el código para modificarlo luego en base a los tonos deseados.

Las gradientes CSS nos permiten emular gradientes sin tener la necesidad de utilizar Photoshop, Fireworks o cualquier programa de edición de imágenes.

Es un efecto que se logra simplemente mediante la implementación de CSS, sin nada de javascript y mucho menos Flash. Funciona con Safari y Chrome.

Aquí hay un bonito ejemplo de gradientes CSS puestas en acción:

También puedes leer

1. Como crear un bonito menú de navegación
2. Como no crear un logo
3. Como crear una isla flotante