Css Cores e Gradientes

 

Na aula de CSS sobre Cores e Gradientes, você aprenderá sobre como adicionar cor aos elementos HTML e como usar gradientes para criar efeitos interessantes.

Em CSS, as cores podem ser especificadas de várias maneiras, incluindo:

• Por nome: por exemplo, "red" ou "blue".
• Por valor hexadecimal: por exemplo, "#FF0000" ou "#0000FF".
• Por valor RGB: por exemplo, "rgb(255, 0, 0)" ou "rgb(0, 0, 255)".
• Por valor HSL: por exemplo, "hsl(0, 100%, 50%)" (vermelho puro) ou "hsl(240, 100%, 50%)" (azul puro).

Você pode usar essas cores para definir a cor de fundo ou o texto de um elemento HTML. Por exemplo:

css
body {
  background-color: #F0F0F0;
}

h1 {
  color: red;
}

Além disso, você também pode usar gradientes para criar efeitos de transição de cor suaves. Há dois tipos de gradientes que você pode usar em CSS:

• Linear: um gradiente que segue uma linha reta.
• Radial: um gradiente que se espalha do centro para fora.

Aqui está um exemplo de como criar um gradiente linear:

css
div {
  background: linear-gradient(to right, #FF0000, #0000FF);
}

Isso criará um gradiente que se estende da esquerda para a direita, mudando de vermelho para azul.

Combinando cores e gradientes, você pode criar estilos visualmente atraentes para seus sites e aplicativos da web.