Degradats de fons només amb CSS
En el disseny web, treballar amb imatges és bastant feixug, i en la major part dels cops és millor usar propietats CSS. Fins al moment sempre que volia fer algun fons amb un degradat el feia creant la imatge, cosa que genera una sèrie d’inconvenients que molts de nosaltres hem anat patint.
Avui, buscant alguna alternativa amb només CSS, he trobat una solució prou bona que funciona amb els tres navegadors:
- background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#000000));
- background: -moz-linear-gradient(top, #ccc, #000);
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cccccc’, endColorstr=’#000000′);
La primera línia és per a Chrome i Safari, la segona per a Firefox (cal que sigui la versió 3.6 o superior) i la darrera per a Internet Explorer.
Espero que us sigui d’utilitat.
Tags: Chrome, CSS, Firefox, Internet Explorer, Navegadors, Programació, Safari, Web
Articles relacionats
OOCSS (2a part), profunditzant en els widgets