本文转自:《前端观察》
整理自:List of Really Useful Tools For CSS3 Developers
中文:CSS3开发工具收集
通常来说,CSS非常简单。但是当浏览器厂商开始实现CSS3特性,问题开始变得有些复杂了。不难,只是有些复杂。这可能包括两个方面:首先有些心得CSS3属性(比如,transition、渐变、transform等)不是那么简单,其次我们不得不使用浏览器厂商指定扩展。直到你最喜欢用的IDE原生支持CSS3,你最好的伙伴将是CSS3生成器、手册、参考指南以及基于JS的方案。这正是本文要推荐的,这里将收集能够助你学习和使用CSS3的真正有用的工具。
生成器
- CSS3 Please!跨浏览器的CSS规则生成器,支持:border-radius、box-shadow、渐变(线性)、rgba色彩、transform (旋转)、transition和@font-face。
- CSS3 生成器支持border radius、box shadow、text shadow、RGBA、@font-face、多列、box resize、box sizing 和outline.
- CSS3 Sandbox有一些列的CSS3生成器:线性渐变、放射渐变、文字阴影、盒阴影、Transforms和文字描边。
- @font-face生成器来自于Font Squirrel的很好用的CSS3 @font-face 生成器。
- CSS3渐变生成器为Firefox和Webkit浏览器生成线性渐变。
- CSS 圆角生成用于Firefox、Webkit和标准CSS3语法的“border-radius”属性。
- Webkit CSS3 生成器简单的助你理解Webkit引入的CSS3特性。
- CSS3 学习工具动态为你的浏览器获取私有前缀并检测该属性是否被它支持。



