<！DOCTYPE HTML>
<HTML LANG = "EN">
<ヘッド>
<メタ文字セット= "UTF-8">
<メタ名=「ビューポート」コンテンツ=「幅=装置幅、初期の規模= 1.0」>
<META HTTP-当量= "X-UA-互換性のある" コンテンツ= "IE =エッジ">
<メタ文字セット= "UTF-8">
<タイトル>回転効果</ TITLE>
<スタイル>
DIV {
幅：100％;
マージン：は50px自動;
テキスト整列：センター;
}
IMG {
幅：200pxの。
高さ：200pxの。
国境半径：100ピクセル;
アニメーション：実行5Sは無限線形。
-webkit-アニメーション：実行5Sは無限線形。
アニメーションプレイ状態：実行されています。
-webkit-アニメーションプレイ状態：実行されています。
}
IMG：ホバー{
アニメーションプレイ状態：一時停止;
-webkit-アニメーションプレイ状態：一時停止;
}
実行@keyframes {
0％{
変換：回転（は0deg）。
}
100％{
変換：回転（360deg）。
}
}
実行@ -webkit-キーフレーム{
0％{
変換：回転（は0deg）。
}
100％{
変換：回転（360deg）。
}
}
</スタイル>
</ head>の
<身体>
<div>
<IMG SRC = "bg.png" />
</ div>
</ BODY>
</ HTML>