推荐各种实用的CSS3在线工具，今天第二次发布

2013-7-31 18:27| 发布者: happy175 |原作者: happy175 |来自: 本站

放大缩小

共有3216人围观
0条评论

随着各浏览器厂商对CSS3的支持越来越完善（IE8-除外），web前端开发者在开发中使用到CSS3的机会也越来越多。CSS3新增有许多特征，包括新的选择器、阴影效果、圆角效果、渐变效果，动画等。这在以前都是需要通过Flash或者复杂的javascript来实现。现在有了CSS3，我就可以通过添加简单的几行代码就能实现过去复杂的效果。当然，你需要考虑旧浏览器的支持（主要是IE8-）和一些属性需要添加浏览器前缀。
下面分享我在开发中会用到的各种可视化代码生成工具，可借此提升开发效率：

CSS matic

此工具（应用）可以方便的在线生成渐变(gradient)、圆角(border radius)、纹理背景(noise texture)、阴影效果(box shadow)。通过滑动滑块或者添加参数来获得想要的效果代码。

在线地址：CSS matic

懒人工具
懒人素材开发的一个在线工具，提供丰富的功能，可以在线生成包括Border Radius,Box Shadow,Text Shadow,RGBA（透明背景）,@Font Face,Multiple Columns,Box Resize,Box Sizing,Outline,Transitions,Transform,Selectors,Gradients 13中CSS3属性。非常全面。