-webkit-animation: spin-right 10s linear infinite;

     -moz-animation: spin-right 10s linear infinite;

      -ms-animation: spin-right 10s linear infinite;

       -o-animation: spin-right 10s linear infinite;

          animation: spin-right 10s linear infinite;

@-webkit-keyframes spin-right {

  100% {

    -webkit-transform: rotate(360deg);

       -moz-transform: rotate(360deg);

        -ms-transform: rotate(360deg);

         -o-transform: rotate(360deg);

            transform: rotate(360deg);

  }

从别的网站上拷过来一段貌似很有用

浏览器的兼容性是一个很大的话题了。事实上，让用户无论用什么浏览器都看见是不现实的，比如如果用户还在用IE6，那就没戏了。

最简单的方案是检测用户浏览器的兼容性，之后对不兼容的情况给出替代方案。比如不兼容canvas动画，则播放slash动画。Modernizr是这方面的好工具。

而对于js，个别语句在不同浏览器中的不同处理方式，则更令人头疼。采取降级方案通常要具体情况具体分析。而且深入到代码层，很难采取统一的方式解决。（jquery源码使用了很多相关技术以做到跨浏览器的兼容，如果有兴趣可以阅读其源码，慕课网上有相关课程。）