title: Save html code result as .gif or other video
body: <p>So this may sound a bit odd already, but here it is:
  I have some HTML code. In the HTML I use CSS to spin an image. So I want to somehow save this rotating image as a .gif or other video. Is this possible?</p>
  
  <p>CODE:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>    &lt;style&gt;
      @-webkit-keyframes spin {
          from {
         -webkit-transform: rotate(0deg);
          }
          to {
         -webkit-transform: rotate(360deg);
          }
        }
        
        @-moz-keyframes spin {
          from {
         -moz-transform: rotate(0deg);
          }
          to {
         -moz-transform: rotate(360deg);
          }
        }
        
        #loading {
  
      height:300px;
      width:300px;
       border-radius: 150px;
       -webkit-border-radius: 150px;
       -moz-border-radius: 150px;
       box-shadow: 0 0 8px rgba(0, 0, 0, .8);
       -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
       -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
  
          animation-name: spin;
          animation-iteration-count: infinite;
          animation-timing-function: linear;
          animation-duration: 26s;
          animation-play-state: running;
          
          -webkit-animation-name: spin;
          -webkit-animation-iteration-count: infinite;
          -webkit-animation-timing-function: linear;
          -webkit-animation-duration: 26s;
          -webkit-animation-play-state: running;
          
          -moz-animation-name: spin;
          -moz-animation-iteration-count: infinite;
          -moz-animation-timing-function: linear;
          -moz-animation-duration: 26s;
          -moz-animation-play-state: running;
        }
      &lt;/style&gt;
      &lt;center&gt;
      &lt;img src="http://hd.wallpaperswide.com/thumbs/fire_fist_vs_water_fist-t2.jpg" id="loading"&gt;
      &lt;/center&gt;
  
       </code></pre>
  </div>
  </div>
  </p>
  
  <p>Any help appreciated! </p>