Solucionado
Bom dia pessoal. Sou novo no Alura.
Tenho uma dúvida, e gostaria da ajuda de vocês.
É sobre o conteúdo...
Na parte em que se ensina o efeito gradiente, temos :
h2{
background:linear-gradient(top, #9C8F67, #C7BE9B);
}Está de fato certo dessa maneira ? Ou o correto seria "to top" ?
h2{
background:linear-gradient(to top, #9C8F67, #C7BE9B);
}Testei da maneira que está e não funcionou. Somente com to top, que em tese indicaria a direção do efeito.
Aguardo resposta.
Obrigado !
Boa tarde, Ednaldo! Tudo bem, cara? =)
O linear-gradient possui várias formas de ser declarado...
Uma delas é como você fez, usando o to top:
linear-gradient(to top, #9C8F67, #C7BE9B);O que você está falando, é que o gradiente ocorrerá para cima, ou seja, de baixo para cima.
Entretanto, você também pode declarar somente com top:
linear-gradient(top, #9C8F67, #C7BE9B);Nesse caso, você está informando qual o ponto inicial do gradiente, ou seja, de cima para baixo. =)
Só toma cuidado que não são todos os browsers que suportam gradient, então você pode ter que usar os prefixos... Testa assim:
h2 {
background: -webkit-linear-gradient(top, #9C8F67, #C7BE9B);
}Sacou? =)
Espero ter ajudado, mas qualquer dúvida não deixe de postar por aqui para podermos ajudá-lo!
Abraço e bons estudos,
Fábio
Olá Ednaldo! Essa propriedade não está implementada em todos os navegadores em uso atualmente, então ela pode não funcionar da mesma forma para todos.
Quando colocamos o sufixo referente a determinado navegador (como o -moz- para o Mozilla Firefox ou o -webkit- para o Google Chrome ou qualquer outro) devemos colocar apenas top ou não irá funcionar.
Caso a versão do seu navegador já aceite a propriedade linear-gradient sem o sufixo aí você deve utilizar o to top.
// Sem sufixo
background: linear-gradient(to top, #9C8F67, #C7BE9B);
// Com sufixo
background: -moz-linear-gradient(top, #9C8F67, #C7BE9B);Abraços e sucesso nos estudos!
Boa tarde pessoal. Comigo tudo bem, e com vocês ?
Agradeço pelas respostas..foram muito boas !
Segue outra dúvida, citando os posts :
Essa parte :
background : linear-gradient(top, #9C8F67, #C7BE9B);
"Nesse caso, você está informando qual o ponto inicial do gradiente, ou seja, de cima para baixo. =) "
E essa :
// Com sufixo
background: -moz-linear-gradient(top, #9C8F67, #C7BE9B);
Pergunto sobre questão de efeitos...
Colocar somente top, equivale à quando colocamos "to bottom" ?
Exemplo :
// Com sufixo
background: -moz-linear-gradient(top, #9C8F67, #C7BE9B);
Equivale a :
background : linear-gradient(to bottom, #9C8F67, #C7BE9B);
Aparentemente ambos colocam o gradiente de cima pra baixo, correto ?
Obrigado !
Ednaldo,
Sim! Tanto faz se você escolhe utilizar o top ou to bottom. =)
Abraços,
Fábio
Fábio, muito obrigado !
André, muito obrigado !
Se pudesse, marcaria todas como solução, pois de fato me ajudaram à acabar com a dúvida .
Tenham uma boa tarde !
Abraços !