CSS 3 渐变效果生成器

CSS 3 渐变效果生成器 是我最近做Wordpress theme 时经常用到的东东，原作者是@dgalarza ，我搞了个中文版，调整了原来页面里乱七八糟的说明文字，搞了一下CSS，就凑合着用了。里面有个随机生成渐变效果的功能，可以玩玩。

这个CSS 3 渐变效果生成器是用Jquery 和YUI 构建的。能生成适用于Firefox 和Webkit系列的Chrome、Safari，还有可以用于搜狗、腾讯、傲游、世界之窗的山寨高速模式。
渐变效果是CSS 3牛逼的属性之一，IE 9 也要奋起去追赶CSS 3 标准。实际上的CSS 3标准是支持线性渐变和圆弧渐变的，就像是Photoshop 里面的渐变效果，但是这个CSS 3 渐变效果生成器只是支持线性渐变(linear gradient)，想要圆弧渐变(radial gradient)嘛，得自己参考文档（Webkit，Mozilla）自己写代码去了，或者使用这个工具。

要用上这两行生成的代码，在CSS加个background属性指定就行了，为了使渐变在多个浏览器下面生效，必须写多个background属性，如

button{
background:#eee;
background:-webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(221,221,221)),color-stop(1, rgb(244,244,244)));
background:-moz-linear-gradient(center bottom,rgb(221,221,221) 0%,rgb(244,244,244) 100%);
}

这样既可以照顾IE流，又可以在Firefox和Webkit 下使用华丽的渐变了。代码里买你的rgb(221,221,221) 颜色是可以用HEX颜色#000代替的，如果想更艳丽的颜色效果，可以用rgba(0,0,0,.5) 这样的带半透明代码，这样就绝了，可以把网页做得跟PS里设计的一样，不过心血得花不少。

这些渐变在浏览器里相当于图片，所以所有可以有图片属性的都可以加上渐变效果，包括background，border-image，等等。

OK，这就是CSS 3 渐变效果生成器 ，折腾吧。