effects to a radial gradient
Posted on 2012-08-22
I have created this radial gradient in my CSS:
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#6600ff00', GradientType=0 ); /* IE6-9 fallback on horizontal gradient */
background: -moz-radial-gradient(180px 180px, circle closest-corner, rgba(0,0,0,0) 2%, rgba(0,255,0,.2) 50%, rgba(0,255,0,.3) 70%, rgba(0,255,0,.4) 100%); /* FF3.6+ */
background: -webkit-radial-gradient(180px 180px, circle closest-corner, rgba(0,0,0,0) 2%,rgba(0,255,0,.2) 50%,rgba(0,255,0,.3) 70%,rgba(0,255,0,.4) 100%); /* Chrome10+,Safari5.1+ */
It works in Chrome & Firefox, Not in IE (which is ok. i am fine with the above)
If you actually see this, it appears as a sun in the top left corner of the screen, and the rest of the screen is a light green.
I want this sun to appear at bottom left, and rise slowly to the top. A linear rise is ok, but if you can do a parabolic rise, i would be overjoyed.