左のように@keyframesで「rotation」と名前をつけてアニメーションを定義し，videoタグのstyleで animation-name:rotationのようにアニメーションを適用することができる。
このように，JavaScriptなしで，動画の枠にアニメーションの効果を付けることが簡単にできる。
<style>
@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
</style>
<video src="./?action=common_download_main&upload_id=101" loop="true" autoplay="true" muted="true" style="animation-name:rotation;animation-duration:5s;animation-timing-function:linear;animation-iteration-count:infinite;"/>
| 
検索
VB.NET Tips
3Dプリンター
