Сохранить результат кода HTML как .gif или другое видео ⇐ CSS

[Anonymous]

Так это может показаться немного странным, но вот оно:
у меня есть какой -то HTML -код. В HTML я использую CSS для вращения изображения. Поэтому я хочу каким -то образом сохранить это вращающее изображение как .gif или другое видео. Это возможно?
@-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;
}





< /code>
< /div>
< /div>
< /p>

Любая помощь оценена!

Подробнее здесь: https://stackoverflow.com/questions/305 ... ther-video