/ Gradiente Linear CSS não funciona - html, css

Gradiente Linear CSS não funciona - html, css

Eu estou tentando fazer uma página da web, e eu estou tentando fazer o fundo ser um gradiente. Este é o meu código css:

body {
background-color: linear-gradient(#222222, #663300);
}

Por que meu plano de fundo é branco?

Respostas:

2 para resposta № 1

UMA linear-gradient(ou qualquer gradiente CSS) deve ser definido com background-image, não background-color:

Os gradientes são definidos como tipos de dados CSS; eles podem ser usados ​​somente onde um tipo de dados de imagem é necessário. Por esse motivo, o gradiente linear não funciona em cores de fundo e outras propriedades que solicitam <color>.
Documento MDN

body {
background-image: linear-gradient(#222222, #663300);
}

Ou:

body {
background: linear-gradient(#222222, #663300);
}

Demonstração JSfiddle