CSS Header Color graduatly change from top left to bottom right

I was wondering if it is possible, with CSS and ASP.NET, to have a div fill itsel开发者_开发问答f from the top left corner to the bottom right corner like http://ictlyceum.deltion.nl/moodle/theme/deltion2/logo_small.jpg

I have not yet tried anything to attempt to do this since I'm not sure if it actually is possible.

@levisaxos; may be you want a gradient so you can use css3 gradient property http://css-tricks.com/examples/CSS3Gradient/

you can generate the gradient http://www.colorzilla.com/gradient-editor/

check this article for more http://webdesignerwall.com/tutorials/cross-browser-css-gradient

How about this:

body{
    background-image:-webkit-gradient(
    linear,
    left top,
    right bottom,
    color-stop(0%,#f00),
    color-stop(50%,#F6FF00),
    color-stop(100%,#fff));
}

See it run here: http://jsfiddle.net/t5W2z/