CSS3小试

今天试着用纯CSS3做了一个折叠菜单，不得不说真的好犀利！

先看看效果

源教程在这→ http://designmodo.com/css3-accordion-menu/

CSS3厉害之处大概在它提出的各种效果，text-shadow、各种radius等等，不仅有完美渐变，满分的圆角矩形，还有平滑的动态效果，好漂亮~

在三翼以前的页面里，如果要做个渐变的图案，都是美工直接在psd上完成，然后我们直接切图放好，质量好点的图片文件就小不了，切图的时候还要考虑分成个几分好让图片加载的快一点。

现在在CSS3里，一切都是几行代码的事，而且，好好玩(⊙▽⊙)

-------------------------以下来自摘抄

CSS2和CSS3的不同之处

· 加载时间

· 制作时间

· 服务器请求次数

· 制作时间

  首先，笔者在制作时间上进行对比，利用CSS3制作页面远比使用CSS节省时间。因为CSS3可以直接制作很多效果用来替换图片，而使用旧CSS版本制作的页面需要制作一些图片来体现效果，所以在制作图片上也要花费很多时间。

· 服务器请求次数
    另外一个衡量指标是服务器请求次数，一般网页中有多少文件，就会对服务器有多少次请求数。不要小看这个指标，很多网页制作高手为了减少对服务器的请求负载，才探索出CSS Sprite技术。