title: infinite Flip image using css3 3d
body: <p>I'm trying to flip an image infinitely using css3, but the code is not working in firefox. Can some point me the issue.</p>
  
  <pre><code>&lt;style&gt;
      #slidecaption {
          -webkit-animation: rotation 1s infinite linear;
          -moz-animation: rotation 1s infinite linear;
          -ms-animation: rotation 1s infinite linear;
          -o-animation: rotation 1s infinite linear;
          animation: rotation 1s infinite linear;
      }
  
      @-webkit-keyframes rotation {
          from {
              -webkit-transform: rotateY(0deg);
              -moz-transform: rotateY(0deg);
              -ms-transform: rotateY(0deg);
              -o-transform: rotateY(0deg);
              transform: rotateY(0deg);
          }
  
          to {
              -webkit-transform: rotateY(359deg);
              -moz-transform: rotateY(359deg);
              -ms-transform: rotateY(359deg);
              -o-transform: rotateY(359deg);
              transform: rrotateY(359deg);
          }
      }
  &lt;/style&gt;
  
  &lt;div id="slidecaption" style="width: 200px; height: 200px; border: 1px solid #000;"&gt;&lt;/div&gt;
  </code></pre>