CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。
以前，你必须使用图像来实现这些效果。但是，通过使用 CSS3 渐变（gradients），你可以减少下载的事件和宽带的使用。此外，渐变效果的元素在放大时看起来效果更好，因为渐变（gradient）是由浏览器生成的。接下来奉上几张图片来一睹CSS3 渐变的魔法吧~
以上三幅背景图由纯CSS实现
如有雷同,纯属巧合
废话不多说,直接上代码
1、图1:
2、图2:
3、图3:
代码就是上述这些了,还不相信的童鞋可以动手试一试哦.
虽然有的比较繁琐.但是,其实大部分都是重复的.
最后,元旦期间童鞋们别忘记敲代码噢~~~
更多精彩，请关注小码哥订阅号