background - Photoshop like Angle Gradient in css3 -

what idea behind photoshop angled css3 gradient background...

any reference??

there no css3-effect this. can make gradients 2 or more colors, can't angle it.

it possible achieve tho, if make background two/four stacked boxes, top 1 dark medium, , bottom 1 medium light.

edit: page explains radials pretty well: http://www.impressivewebs.com/css3-radial-gradient-syntax/

edit 2: tried theory in fiddle, , think wrong in statement earlier - can't done way suggested. closest came: http://jsfiddle.net/drpmj/4/

.topbox1 {     background-image: -moz-radial-gradient(200px 150px, #777 50%, #ccc);     background-image: -webkit-radial-gradient(200px 150px, #777 50%, #ccc);  } .topbox2 {     background-image: -moz-radial-gradient(0 150px, ellipse cover, #777, #ccc);     background-image: -webkit-radial-gradient(0 150px, ellipse cover, #777, #ccc); } .bottombox1 {     clear:left;     background-image: -moz-radial-gradient(200px 0, ellipse cover, #777, #ccc);     background-image: -webkit-radial-gradient(200px 0, ellipse cover, #777, #ccc); } .bottombox2 {     background-image: -moz-radial-gradient(0 0, ellipse cover, #777, #ccc);     background-image: -webkit-radial-gradient(0 0, ellipse cover, #777, #ccc); } 

the problem seems color-stop works away center, not along radial (if makes sense). anyway, maybe fiddle can start :)