open-pitu, el blog lliure en català » Safari http://openpitu.com Blog dedicat al software lliure i la programació. Mon, 03 Sep 2012 15:37:52 +0000 en hourly 1 http://wordpress.org/?v=3.0.4 Degradats de fons només amb CSS http://openpitu.com/2010/08/16/degradats-de-fons-nomes-amb-css/ http://openpitu.com/2010/08/16/degradats-de-fons-nomes-amb-css/#comments Mon, 16 Aug 2010 19:57:34 +0000 Pitu Sabadí http://openpitu.com/?p=135 una solució prou bona que funciona amb els tres navegadors:
  1. background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#000000));
  2. background: -moz-linear-gradient(top,  #ccc,  #000);
  3. 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. Article complet.]]>

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.

CSS gradient.

Avui, buscant alguna alternativa amb només CSS, he trobat una solució prou bona que funciona amb els tres navegadors:

  1. background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#000000));
  2. background: -moz-linear-gradient(top,  #ccc,  #000);
  3. 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.

]]> http://openpitu.com/2010/08/16/degradats-de-fons-nomes-amb-css/feed/ 0