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