Olá Bruno, tudo bem?
Segue exemplo do CSS para estilização de um gradiente em um elemento h3, compatível com os principais navegadores:
h3{
background: #39ef2f; /* Old browsers */
background: -moz-linear-gradient(top, #39ef2f 1%, #2d5433 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #39ef2f 1%,#2d5433 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #39ef2f 1%,#2d5433 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39ef2f', endColorstr='#2d5433',GradientType=0 ); /* IE6-9 */
}
Geralmente quando eu necessito estilizar algo com gradiente, eu utilizo alguma ferramenta ou site on-line que gera a codificação CSS, baseado nas cores que escolhi. Isso ajuda na exatidão e também na agilidade do processo.
Vou deixar abaixo o link para acesso de um dos sites que uso pra gerar o CSS do gradiente. É bem fácil de usar, e ele ainda te mostra a compatibilidade do gradiente em cada navegador:
http://www.colorzilla.com/gradient-editor/
Bons estudos!
