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

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

代码：

@-webkit关键帧旋转{
从{
-webkit变换：旋转（0度）；
}
到{
-webkit变换：旋转（360度）；
}
}
@-moz关键帧旋转{
从{
-moz变换：旋转（0度）；
}
到{
-moz变换：旋转（360度）；
}
}
#装载{
高度：300px；
宽度：300px；
边界半径：150px；
-webkit边界半径：150px；
-moz边界半径：150px；
盒影：0.08像素rgba（0,0,0,8）；
-webkit盒阴影：0 0 8px rgba（0,0,0,8）；
-moz盒阴影：08pxrgba（0,0,0,8）；
动画名称：旋转；
动画迭代次数：无限；
动画计时功能：线性；
动画持续时间：26秒；
动画播放状态：运行；
-webkit动画名称：spin；
-webkit动画迭代计数：无限；
-webkit动画计时功能：线性；
-webkit动画持续时间：26秒；
-webkit动画播放状态：正在运行；
-moz动画名称：spin；
-moz动画迭代次数：无限；
-moz动画计时功能：线性；
-moz动画持续时间：26s；
-moz动画播放状态：正在运行；
}

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

也许这些答案中的一个会对您有所帮助。（也许不是哈哈）