Degradê com CSS - Linear Gradients

Fazer degradês utilizando CSS aparenta ser algo complicado, sendo feito normalmente em geradores ou utilizando imagens. A utilização a funcionalidade linear-gradient, a criação de degradê no CSS fica muito mais simples (e leve)!

Sintaxe

De forma genérica, é assim que se monta um gradient: background: linear-gradient(sentido/ângulo, cor1, cor2, ..., corN); Não é necessário informar um sentido, pois por padrão, o valor da direção é to bottom (de cima para baixo).

Exemplos

background-image: linear-gradient(#92FFC0, #002661);

background-image: linear-gradient(to right, #F97794, #623AA2);

background-image: linear-gradient(to bottom right, #FFF6B7, #F6416C);

background-image: linear-gradient(to left, #FD6585, #FFAA85, #FD6E6A);