Neste exercício, veremos alguns exemplos de uso de gradientes. Considere o seguinte código HTML: A continente Africano ...
A continente Africano
Botão Google
Aplicar para o seguinte código HTML as propriedades CSS para criar um fundo gradiente:
background: linear-gradient(to top,#FFFFFF,#C0C0C0);
color: white;
}
Resultado do código CSS3:
2) O que é a direção do gradiente em CSS?
3) Teste as diferentes direções para ver o resultado em termos de mudanças na parte inferior da página web.
4) Adicionar uma cor gradiente no fundo
Aplicar para o seguinte código HTML as propriedades CSS para criar um fundo gradiente:
background: linear-gradient(to top,#FFFFFF,#C0C0C0);
color: white;
Resultado do código CSS3:
💡 1 Resposta
Ed 
1) O código CSS3 para criar um fundo gradiente para o código HTML fornecido é:
background: linear-gradient(to top,#FFFFFF,#C0C0C0);
color: white;
2) A direção do gradiente em CSS é definida pela propriedade "to". No exemplo fornecido, "to top" significa que o gradiente começa no topo e vai até a parte inferior.
3) Para testar diferentes direções, você pode alterar a propriedade "to" para outras opções, como "to bottom", "to left", "to right", "to top left", "to top right", "to bottom left" ou "to bottom right". Cada opção produzirá um gradiente diferente.
4) Para adicionar uma cor gradiente no fundo, você pode adicionar mais cores à propriedade "background", separando-as com vírgulas. Por exemplo:
background: linear-gradient(to top, #FFFFFF, #C0C0C0, #000000);
Isso criará um gradiente que começa com branco, passa por cinza e termina com preto.
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
✏️ Responder
Para escrever sua resposta aqui, entre ou crie uma conta
Perguntas relacionadas
Materiais relacionados
2 pág.
1 pág.
Compartilhar