将 html 代码结果保存为 .gif 或其他视频

Question

所以这听起来可能有点奇怪，但它是：我有一些 HTML 代码。在 HTML 中，我使用 CSS 旋转图像。所以我想以某种方式将这个旋转图像保存为 .gif 或其他视频。这可能吗？

代码：

    <style>
    @-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;
      }
    </style>
    <center>
    <img src="http://hd.wallpaperswide.com/thumbs/fire_fist_vs_water_fist-t2.jpg" id="loading">
    </center>

感谢任何帮助！

Answer 1

除了获取屏幕录制软件（例如 Camtasia），录制、剪切并使用在线转换器将其转换为 gif 之外，我看不到任何其他方法。

Answer 2

也许以下答案之一会对您有所帮助。（也许不是哈哈）

Generate animated GIF with HTML5 canvas

将 html 代码结果保存为 .gif 或其他视频

Save html code result as .gif or other video

html

javascript

css

rotation

spinning