はてなブログで、CSSアニメーションを取り入れたデザインをしたと思ってます。
小手初めに、Qiitaのページにあるサンプルをコピペなどしてみましたが全く動きません。
コピペしたコード
html
1<div class="box"></div> 2
css
1.box { 2 width: 100px; 3 height: 100px; 4 background: #000; 5 animation: rotation 2s ease 0s 1 alternate none running; 6} 7 8@keyframes rotation { 9 0% { 10 transform: scale(.3); 11 } 12 13 50% { 14 transform: scale(.6) rotate(-45deg); 15 background: red; 16 } 17 18 100% { 19 transform: scale(1) rotate(180deg); 20 background: blue; 21 } 22}
CSSアニメーションを使うには、上記のコードの記述以外に、ヘッダにリンクを追加するなど、何か設定的な事は必要なのでしょうか?
回答1件
あなたの回答
tips
プレビュー