Ive been waiting for today for quite some time now, the release of Firefox 3.6 marks includes support for linear and radial CSS gradients. Although cross browser this feature is totally useless, Its great for internal apps and personal projects.

Gradients are presently only supported in Safari 4 and Chrome (webkit) and Firefox 3.6. In webkit they can be used anywhere an image can be - for example background-image, list-style-image, border-image or with generated content. In Firefox they can only be used as background images.

My first in browser gradient

background: -moz-linear-gradient(left top, #999999, #fefefe);

Nice.

See http://hacks.mozilla.org/2009/11/css-gradients-firefox-36/ for more information.


SPEAK / ADD YOUR COMMENT
Comments are moderated.




Return to Top

Gradients in FireFox 3.6