less关于keyframe兼容各种浏览器的写法

.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;
}

.transformOrigin(@attr){
    -webkit-transform-origin:@attr;
    -moz-transform-origin:@attr;
    -o-transform-origin:@attr;
    -ms-transform-origin:@attr;
    transform-origin:@attr;
}

.animation(@attr){ 
-webkit-animation:@attr;
-moz-animation:@attr;
-ms-animation:@attr;
-o-animation:@attr;
animation:@attr;
} http://blog.sina.com.cn/s/blog_4116c60f0102vptk.html