Consolide o que você aprendeu

A seguir uma interface interativa simples para você visualizar como se desenvolve a transformação de cores em um gradiente linear quando se define uma linha de gradiente. Você pode experimentar com no mínimo duas e no máximo seis cores em sequência pré-definida.

Linha do gradiente

Escolha como deseja definir a linha do gradiente.

Cores do gradiente

Escolha no mínimo duas cores para o gradiente.

Regra CSS

seletor { 
  background-image: linear-gradient(eixo, cores) 
  }