將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

也許其中一個答案將對您有所幫助。 （或者可能不是哈哈）

使用HTML5畫布生成動畫GIF