Gradiente com CSS3

Voltar para Exercício 16


Cores em Gradiente

• Para inserir gradiente usamos o seletor background-image com as propriedade de linear-gradient ou radial-gradient.

• Na propriedade de linear-gradient: inserimos primeiro a direção do gradiente que pode ser to top, to bottom, to right, to left ou em graus como 90deg e logo após inserirmos quantas cores quisermos.

• Na propriedade de radial-gradient: inserimos primeiro o shape que pode ser circle ou ellipse, depois o size, depois o position e logo após as cores.

• Nas cores podemos indicar uma percentagem para indicar o quanto ela aparece na tela.