一般而言,CSS是非常简单的。但是当浏览器开发商开始遵循CSS3特性,事情就变得有点复杂了。不困难,但是复杂。这主要有两个原因:第一,所有CSS3新特性(如 transition、gradient、transform 等)都不简单;第二,我们不得不使用开发商特定的扩展。
在您建设自己的CSS3的开发环境前,你最好的朋友还是CSS3生成器、开发手册、参考指南以及一些基于JavaScript的解决方案,这正好是这篇文章所要讲述的。这篇文章将列出一些真正有用的工具,它们能帮助你在当下学习和应用CSS3。
这里是我们列出的对CSS3开发者有用的工具:
生成器
- CSS3 Please!
跨浏览器的 CSS3 规则生成器,支持:border-radius, box-shadow, gradient(linear), rgba colors, transform (rotate), transition 和 @font-face。
- CSS3 Generator
支持 border radius, box shadow, text shadow, RGBA, @font-face, multiple columns, box resize, box sizing 和 outline。
- CSS3 Sandbox
集合了包括 Linear Gradients, Radial Gradients, Text Shadows, Box Shadows, Transforms 和 Text Stroke 效果在内的CSS3生成器。
- @font-face Generator
方便从的 CSS3 @font-face 生成器。
- CSS3 Gradient Generator
Mozilla 和 WebKit 浏览器的 linear “gradient”生成器。
- CSS Border Radius
Mozilla、WebKit 浏览器和标准的 CSS3 语法的 border-radius 生成器。
- Webkit CSS3 Generator
简单的CSS生成器帮助你了解 CSS3 功能。
- CSS3 Learning Tool
动态为你的浏览器获取前缀标识并检测该属性是否被它支持。
JavaScript 解决方案
参考文件
|