css浏览器兼容写法(less语法)

.keyframes (@name, @frames) {
    @-webkit-keyframes @name { @frames(); }
    @-moz-keyframes @name { @frames(); }
    @-ms-keyframes @name { @frames();}
    @-o-keyframes @name { @frames(); }
    @keyframes @name { @frames(); }
}
.keyframes (line, {
    0%{background-size:0% 2px;}
   100%{background-size:100% 2px;}
});

.transform(@attr){
-webkit-transform:@attr;
-moz-transform:@attr;
-o-transform:@attr;
-ms-transform:@attr;
transform:@attr;
}
.example {
  .transform(rotateX(10px));
}

参考: blog.sina.com.cn/s/blog_4116…