一般而言,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 解决方案
参考文件
大家有什么问题或技术上的想法可以在此与大家分享,也可以加入前端爱好者QQ群(141999928)一起学习进步:
【幸凡前端技术交流群】
如果您觉得本文的内容对您的学习有所帮助,捐赠与共勉,支付宝(左)或微信(右)