freeCodeCamp/guide/portuguese/certifications/responsive-web-design/applied-visual-design/create-a-gradual-css-linear.../index.md

925 B

title localeTitle
Create a Gradual CSS Linear Gradient Criar um gradiente linear de CSS gradual

## Criar um Gradiente Linear CSS Gradual

Para criar um gradiente linear, você deve definir pelo menos duas paradas de cor. As paradas de cores são as cores que você deseja renderizar transições suaves entre. Você também pode definir um ponto de partida e uma direção (ou um ângulo) junto com o efeito de gradiente.

A sintaxe é sempre:

background-image: linear-gradient(angle, color-stop1, color-stop2);

As cores podem ser usadas nos formatos hex () e rgb (). Experimente um pouco e você entenderá como é fácil e bonito usá-lo.

Recursos

Há uma extensa informação sobre este tópico disponível neste link.

Além disso, você pode querer rever este vídeo do Youtube por The Net Ninja.