Gradient problems…

Hi I am having quite a hard time with some gradient, new vendor prefixes and so on :/

I have done the following code in Coda and all looks nice but only in Coda 2 Preview and Firefox Nightly!

After opening it in Safari, Firefox and Chrome I can see some “rings” and it is not “smooth”…

Here is the code:

[CODE]
#pagecontainer {
width: 100%;
height: 100%;
position: absolute;
z-index: -1;
background: -webkit-radial-gradient(circle, rgba(100,100,100,0.2), rgba(0,0,0,0.9));
background: -moz-radial-gradient(circle, rgba(100,100,100,0.2), rgba(0,0,0,0.9));
background: -ms-radial-gradient(circle, rgba(100,100,100,0.2), rgba(0,0,0,0.9));
background: -o-radial-gradient(circle, rgba(100,100,100,0.2), rgba(0,0,0,0.9));
}
#pagecontainer::after {
content: ”;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index: -1;
background: -webkit-radial-gradient(circle, rgba(255,255,255,0.1), rgba(255,255,255,0));
background: -moz-radial-gradient(circle, rgba(255,255,255,0.1), rgba(255,255,255,0));
background: -o-radial-gradient(circle, rgba(255,255,255,0.1), rgba(255,255,255,0));
background: -ms-radial-gradient(circle, rgba(255,255,255,0.1), rgba(255,255,255,0));
}

[/CODE]

May one of you help me with that? Thank you all ?

Best wishes

Sebastian Tischer

Also in #CSS _↴