CSS Framework自动处理供应商前缀?

我看过Blueprint,Less和SCSS,但没有一个看起来像我想做的那样.我觉得这很难相信,因为处理供应商前缀是编写CSS最令人沮丧的部分,所以它似乎是编写CSS框架的任何人应该解决的第一个问题.

我想知道,是否有我可以使用的框架(或rails gem),它允许我写border-radius:5px然后让我假设它将创建一个包含所有适当供应商前缀的规则?

谢谢

解决方法

你可以用LESS Mixin轻松地完成这项工作 – 基本上你只需要编写一次,然后从那里开始使用一行.像这样:

// Border Radius
.border-radius(@radius: 5px) {
  -webkit-border-radius: @radius;
     -moz-border-radius: @radius;
          border-radius: @radius;
}

然后你只需要一个需要边界半径的单行程:

.classname {
  .border-radius(5px);
}

如果您还没有为LESS做好准备,那么您可以通过Prefixr处理您的代码 – 它会为您生成浏览器前缀(然后您必须将代码复制粘贴回您的文件).

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效