+ 1

How to set background of html document to linear or radial gradient?

The problem is that i can set CSS3: body { background: radial-gradient(navy,blue,aqua); } The result i get is a repeating gradient, and I would like to get a single gradient as a result for my background. Sory if there was a question like this, i had not found an answer yet. Thanks :)

13th Feb 2017, 10:25 PM
Borivoje Stojanovic
Borivoje Stojanovic - avatar
3 Answers
The result of your code is nothing, because of the space between 'radient' and the opening parenthesis... After correcting, the result will not be as you describe a "repeating" grandient, but a circular grandiant, range from center to outter page, NO repeating ( size of the gradient is default calculated as size of background ) ^^ On a linear gradient, you will have the same NO repeat default property :P
14th Feb 2017, 1:41 AM
visph - avatar
background-repeat: no-repeat;
24th Feb 2017, 3:22 PM
Yassine Farroud
w3shool is outdated information, beware.
28th Feb 2017, 10:21 AM
Bill Frankell
Bill Frankell - avatar