---
id: 587d78a5367417b2b2512ad6
title: Create a Gradual CSS Linear Gradient
challengeType: 0
videoUrl: ''
localeTitle: Criar um gradiente linear de CSS gradual
---
## Description
A aplicação de uma cor nos elementos HTML não se limita a um matiz plano. O CSS fornece a capacidade de usar transições de cores, também conhecidas como gradientes, em elementos. Isso é acessado através da função linear-gradient()
da propriedade background
. Aqui está a sintaxe geral: background: linear-gradient(gradient_direction, color 1, color 2, color 3, ...);
O primeiro argumento especifica a direção a partir da qual a transição de cor começa - pode ser declarada como um grau, em que 90deg faz um gradiente vertical e 45deg é inclinado como uma barra invertida. Os argumentos a seguir especificam a ordem das cores usadas no gradiente. Exemplo: background: linear-gradient(90deg, red, yellow, rgb(204, 204, 255));
## Instructions
Use um linear-gradient()
para o background
do elemento div
e defina-o a partir de uma direção de 35 graus para alterar a cor de #CCFFFF
para #FFCCCC
. Nota
Embora existam outras maneiras de especificar um valor de cor, como rgb()
ou hsl()
, use valores hexadecimais para esse desafio.
## Tests
```yml
tests:
- text: O elemento div
deve ter um background
linear-gradient
com a direção e as cores especificadas.
testString: 'assert(code.match(/background:\s*?linear-gradient\(35deg,\s*?(#CCFFFF|#CFF),\s*?(#FFCCCC|#FCC)\);/gi), "The div
element should have a linear-gradient
background
with the specified direction and colors.");'
```
## Challenge Seed
## Solution
```js
// solution required
```