关于css3的各个浏览器的前缀_CSS3教程

推荐：css3中渐变背景的动画
严格来说，目前各个浏览器都还不支持 css3的渐变背景的动画，所以在制作的时候我们要灵活变通下，这里有两种方法可以曲折实现渐变背景的动画： 第一种：妙用background-color，有些是简单的颜色渐变，比喻由浅绿到深绿，那么你就可以把background-color设置为绿色，然

css3给人最闹心的莫过于各个浏览器的前缀了，然后随着各个浏览器的给力升级，有些前缀已经默默的去掉了，我们还是写那么一大堆。下面介绍几个工具，来帮下我们。

第一个是prefix free，这是一个js文件，大小2kb，导入之后你根本都无须考虑前缀问题，直接写不需要任何浏览器的前缀;

第二个是css3 please，这个权当一个css3前缀参考吧，有注释说明的，一看就知道;

第三个就是prefix了，它的口号就是“Cross-Browser CSS in Seconds!”，顾名思义，除了能处理prefix之外，还能处理一些兼容问题。如opacity。你可以把你的代码贴进去，然后点击prefixize这个按钮，就ok了;

第四个就不是工具了，而是应用编辑器，运用各个编辑器的自动完成(目前我定义了editplus和sublime text的自动完成)，可以事先定义好，然后写一个自动出来多个，当然也可以应用less或sass等来定义一些变量什么的。

分享：CSS3条件判断——@supports
CSS3条件判断，听起来不明觉厉,如果你对CSS稍为熟悉一点的话，你会发现CSS中的@media就是条件判断之一。是的，在CSS3的条件判断规范文档中包含了两个部分，其一是@media规则，主要用来根据媒体属性区分样式表(特别是在Responsive设计中，发挥的作用更是强大)；其二是@s