CSS: criando gradiente com CSS2 compatível com todos navegadores

  • Post author:
  • Post category:Sem categoria

Se você é webdesigner ou desenvolvedor e ainda precisa se virar com HTML4/CSS2 e precisa criar um código ora fazer um gradiente em uma div ou qualquer outro tipo de objecto ai vai a dica. Utilize o código abaixo em seu CSS de preferência seguindo a ordem como está descrito:

/* IE Compatible */
filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr=’#F0F0F0′, startColorstr=’#E3E3E3′, gradientType=’0′);
/* FF Compatible */
background:-moz-linear-gradient(center top , #F0F0F0, #E3E3E3) repeat scroll 0 0 transparent;
/* Chrome/Safari/RockMelt Compatible */
background: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#E3E3E3));