Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Onde está o gradiente

Olá. Eu não entendi onde está o gradiente dessa imagem. O gradiente deveria passar gradualmente de uma cor a outra. Porém todas as cores parecem sólidas, com uma linha dividindo elas. Onde está o gradiente? Por que as cores estão sólidas sem transição entre elas?

Agradeço a ajuda.

3 respostas

O efeito de gradiente poder suave ou brusco. Quando o ponto de parada de uma cor é exatamente o ponto de início de outra, a mudança é imediata, sem passar por cores intermediárias. Por isso é possível usar os gradientes pra criar efeitos como o do rodapé.

solução!

Oi Jeni, tudo certo?

Isso é um truque que fazemos com gradiente para parecer cores sólidas mesmo.

Fiz esse Jsbin com algumas bandeiras para você dar uma olhada. A porcentagem que colocamos junto com a cor é para falar para o browser até onde a cor deve ir.

Aí o resto é brincar com essas porcentagens e repetindo algumas cores.

Espero ter ajudado,

Abcs!

Ok amigos, muito obrigado pelas respostas. Seu projeto JSbin me ajudou a entender.

Abraço Renato