TAG @keyframes

マウスオーバーすると被っている帽子が光って見上げるというCSSだけで動く顔のアニメーションを作ってみました。
このアニメーション自体を使う事はないですが、基本的な動きのアニメーションはCSSでも使う事が多くなりましたので、使える様になっておくと制作の幅が増えるかもしれませんね。

CSSのアニメーションは色んな事ができますね。今回はanimationを使って色々な回転設定をしてみたいと思います。

CSSのアニメーションをを使って文字をゆっくり表示する方法をご紹介いたします。

今回はマウスを乗せると下のボーダーがラインの様にニューっと伸びてくるアニメーションをCSSだけで付けてみましょう。