Como Criar um Background com Degradê Gradiente com CSS Linear-gradient

Confira o nosso código expresso para deixar o fundo dos seus html com efeito gradiente sem ter que utilizar imagens.

Lógica

Para criar um gradiente linear, você deve definir pelo menos duas cores em pontos diferentes. Os pontos de cores são as cores entre as quais você deseja renderizar transições suaves. Você também pode definir um ponto inicial e uma direção ou um ângulo junto com o efeito de gradiente.

Código Expresso

                
.fundo-gradiente {        
         background: linear-gradient(180deg, #eb0053, #fb5a0a);
}

1

CSS3 o manual que faltava

O material importante que você precisa conhecer . Comece com os princípios básicos! Escreva código HTML amigável à CSS3, incluindo as tags HTML5 reconhecidas pelos navegadores de hoje em dia. Aplique design do mundo real. Formate texto, crie ferramentas de navegação e aprimore páginas com imagens gráficas. Dê vida às suas páginas. Crie animações visualmente atraentes e forneça tabelas e formulários elegantes aos visitantes. Assuma o controle dos layouts de página. Use técnicas profissionais de design como elementos flutuantes e posicionamento. Obtenha uma ótima aparência em qualquer dispositivo. Crie sites que se adaptam a desktops, tablets e navegadores móveis. Conheça técnicas avançadas. Use a CSS3 mais eficaz e eficientemente e assegure que suas páginas web pareçam boas quando impressas.

Saiba mais