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

Question

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 :)

Answer 1

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

Answer 2

background-repeat: no-repeat;

Answer 3

w3shool is outdated information, beware.