css3 背景渐变样式
css3样式表给我们做网站提供了更多的便捷性，以前做渐变背景，需要做成图片，然后设置成背景，而现在我们只需要在样式表里定义TABLE，TD或者DIV的样式就能实现渐变背景了：
线性渐变 - 从上到下:
background: -webkit-linear-gradient(red, blue); /* Safari 5.1 - 6.0 */ |
线性渐变 - 从左到右:
| background: -webkit-linear-gradient(left, red , blue); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, red, blue); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, red, gradient(to right, red , blue); /* 标准的语法 */ |
从左到右的线性渐变，带有透明度：
| background: -webkit-linear-gradient(left,rgba(255,0,0,0),rgba(255,0,0,1)); /* Safari 5.1 - 6 */ background: -o-linear-gradient(right,rgba(255,0,0,0),rgba(255,0,0,1)); /* Opera 11.1 - 12*/ background: -moz-linear-gradient(right,rgba(255,0,0,0),rgba(255,0,0,1)); /* Firefox 3.6 - 15*/ background: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1)); /* 标准的语法 */ |
径向渐变：
| background: -webkit-radial-gradient(red, green, blue); /* Safari 5.1 - 6.0 */ background: -o-radial-gradient(red, green, blue); /* Opera 11.6 - 12.0 */ background: -moz-radial-gradient(red, green, blue); /* Firefox 3.6 - 15 */ background: radial-gradient(red, green, blue); /* 标准的语法 */ |