É com grande alegria que escrevo esse post que tanto esperei em escrever. Acredito que não só eu, mas também webdesigners espalhados mundo afora e usuários que gostam de uma web mais bonita e menos pesada ficarão felizes com a notícia: IE10 terá suporte ao efeito gradiente com CSS3!
Finalmente, depois de muito tempo, o uso de imagens para ter o mesmo efeito não será mais necessário. Muito bom!
Depois do Opera, chegou a vez do Internet Explorer se juntar ao Google Chrome, Safari e Firefox no time dos navegadores modernos.
Para se obter o efeito gradiente abaixo no Internet Explorer 10:
É preciso usar o código abaixo:
{background-image: -ms-radial-gradient(top center, circle cover, orange, yellow 25px, turquoise);}
Para o efeito acima, use o código abaixo:
{background-image: -ms-linear-gradient(30deg, orange, yellow 50%, turquoise);}Pode ser usado os códigos hexadecimais das cores ao invés do nome. Você é quem escolhe!
Veja uma relação de cores em valores hexadecimais e RGB.
A previsão para o lançamento do IE10 beta é para o segundo semestre de 2011. A versão final do navegador tem previsão para abril de 2012. Por enquanto, experimente uma prévia do IE10.
Pronto para brincar de CSS com seu site? Prepare-se!
Com informações: IEBlog
Uma coisa que notei é que, no artigo do blog do Internet Explorer, se fala muito sobre a forma que o Safari e o Google Chrome se comportam com o efeito gradiente baseado no Webkit. O IE não é baseado no Webkit!
Será que é isso mesmo que estou pensando que vai acontecer? Será que o IE10 será baseado no Webkit? Veremos! 
Veja também:
- IE9 – guia para desenvolvedores
- Como colocar @font-face no seu blog ou site
- Efeitos com CSS – transition e transform
23 anos, técnico em informática, designer e compositor. Gosta muito da área de tecnologia e usuário Linux (Ubuntu e Fedora) sem ser um defensor ferrenho da plataforma. Apaixonado por browsers (navegadores) querendo saber de todas as suas funções e recursos disponíveis.
Marco Damaceno tem 638 artigos publicados no Dicas Browser.
