所有浏览器的CSS关键帧动画？

我有一个swing动画，我想在所有（现代）浏览器上工作。我有正确的css吗

另外，其他浏览器的等效功能是什么：-webkit transform origin:top

还有，有没有一种更简单的方法来写出来，好像有很多代码？我用的更少

.bow{   
    -webkit-animation: swing 3s infinite ease-in-out;
    -moz-animation:    swing 3s infinite ease-in-out;
    -o-animation:      swing 3s infinite ease-in-out;
    -ms-transition:    swing 3s infinite ease-in-out; 
    animation:         swing 3s infinite ease-in-out;
}

@-webkit-keyframes swing{
    0%{-webkit-transform:rotate(-3deg)}
    50%{-webkit-transform:rotate(3deg)}
    100%{-webkit-transform:rotate(-3deg)}
}

@-moz-keyframes swing{
    0%{-moz-transform:rotate(-3deg)}
    50%{-moz-transform:rotate(3deg)}
    100%{-moz-transform:rotate(-3deg)}
}

@-o-keyframes swing {
    0%{-o-transform:rotate(-3deg)}
    50%{-o-transform:rotate(3deg)}
    100%{-o-transform:rotate(-3deg)}
}

@-ms-keyframes swing {
    0%{-ms-transform:rotate(-3deg)}
    50%{-ms-transform:rotate(3deg)}
    100%{-ms-transform:rotate(-3deg)}
}

@keyframes swing {
    0%{transform:rotate(-3deg)}
    50%{transform:rotate(3deg)}
    100%{transform:rotate(-3deg)}
}

---

对于动画使用，可以使用：

.animation(@value){
    -webkit-animation: @value;
    -moz-animation:    @value;
    -o-animation:      @value;
    -ms-transition:    @value;
    animation:         @value;
}

.test{
  .animation(swing 3s infinite ease-in-out);
}

.test1{
  .animation(~"swing 3s infinite, swing 3s infinite");
}

对于Less中的关键帧，有点奇怪：

我有一个swing动画，我想在所有（现代）浏览器上工作。我有正确的css吗

这个问题不合适，所以。。。只要准备一把小提琴，自己试试，如果它不起作用，回来问为什么它不起作用。不要发布代码询问它是否有效

另外，其他浏览器的等价物是什么：

-webkit transform-origin:top

• 变换原点

• -ms变换原点

还有，有没有一种更简单的方法来写出来，好像有很多代码？我用的更少

您可以使用动态生成前缀代码，也可以在编译时使用生成前缀代码，但由于使用较少，请查看