你是否为CSS3中那些形如-moz-border-radius这样冗长的前缀而头晕呢？你是否在考虑跨浏览器使用CSS3的时候，要记住哪些前缀是支持哪个浏览器的？你是否想过有什么办法能一劳永逸的（或者便捷的）解决这些问题？

不用发愁了，Paul Irish与朋友制作了一个有意思的CSS3生成器，在这个页面上你可以实时的编辑CSS3样式，并且立即可以看到效果，你可以拷贝这些代码到自己的样式表中，每一个页面里写到的CSS3属性都做了兼容处理，你要做的就是调用这个class，作者在主页上写的是跨浏览器的CSS3发生器（cross-browser css3 rule generator），不过IE下是使用了很多的滤镜去实现的，实际测试发现并不是很理想（我用IE8测试），有些地方也有待商榷，如其中-ms-filter属性的位置应该是位于filter之前的（MSDN上的解释），尽管并不是十分的完善，但是毕竟这种尝试是有益的，它还是可以十分方便的帮助你去创建一个兼容性比较好的CSS3应用，目前支持的CSS3属性有：

1. border-radius
2. box shadow
3. gradients
4. rgba support in backgrounds
5. transforms
6. font-face

即使现在不能立刻将CSS3投入到日常应用中，通过这个发生器你也可以更方便的了解一些CSS3的用法，所以快去体验一下吧！

地址：请猛击（FF/OPERA/SAF效果较佳）

另外还有一个老外做的类似应用，没有CSS3PLEASE这么直观，操作起来更符合“发生器”这个概念，请猛击参观，其中需要填写的选项可以帮你更详细的了解每个CSS3属性的作用。

更新：另外一个生成器，版本已经是2.0了，可视化界面很好强大。

评论 (0) All

登陆 还没注册？