通过CSS 3可以创作很多有趣并且很华丽的效果，之前可能要通过JS来实现，现在通过CSS 3就可以做到，甚至做的更好，代码更少更简单。
如果要说它的缺点，那就要说兼容性了。其实兼容性并不是CSS 3自身的缺点，只是低版本的IE浏览器不支持，而偏偏这种低级浏览器却占了一大块的市场份额。严重阻碍了CSS 3的发展。不过现在也是有越来越多的人开始拥抱HTML 5和CSS 3，前卫的浏览器也不断升级来支持更多HTML 5和CSS 3的特性。同时很多JS框架和插件也开始渐渐的不支持低级浏览器（比如jQuery2.0 直接放弃对IE 6/7/8 的支持）
在之前学习的过程发现有时要调一个效果，特别是微调的时候，需要一直反复的修改，保存，再刷新页面，这样很费时间。而且也有很多参数要输入，比如设置阴影的时候，就需要传入6个参数（X轴位移，Y轴位移，模糊程度，阴影扩散，颜色，是否为内阴影效果），设置起来本来就稍微麻烦，更不用说如果要设置多层阴影。
如果能有一个直观的，在线直接调节就可以马上看得效果，而且还有代码直接复制应用（或者是参考学习）的工具，那会不会更好？同时，即得效果也可以帮助初学者（像我这样）更加方便生动直观的了解CSS 3，直接通过这个工具体会效果变化，而当中又可以细心体会代码的变化，而不是一开始就对着要输入一大堆糟糕的参数的代码来看。
所以就尝试做了这个CSS 3的工具，当中的功能是一些比较基本，而又需要及时看到效果的。
工具：http://xiemin.me/resources/css3-tool/boxShadow.html
如果有什么更好的建议，可以联系我。邮箱是：[email protected]
最后要感谢eyecon.ro制作了一个如此好用方便的Color Picker。感谢twitter提供了一个如此强大的框架bootstrap