今回は、CSSを使って見出しにアニメーションをつけてみたいと思います! 最初に、ベースとなるCSSコードを紹介した後、アニメーションのパターンをいくつか紹介していきます。 目次 ブログで使用する場合は はてなブログの場合 ベースコード 表示の確認 アニメーションパターン 見出しの背景色を変えてみる! 見出しを回転させてみる! ゲージ風のアニメーションをつけてみる! まとめ ブログで使用する場合は ご利用のブログがHTML記述に対応している場合は、紹介するCSSを<style>と</style>で囲んで記述してください。 ※ CSS用の入力欄がある場合は<style>と</style>の囲みなしで記述してください。 HTMLコードについては、そのまま入力でOKです。 はてなブログの場合 以下の記事ではてなブログでCSSを使う方法をまとめています。 今回の内容をはてなブログで試す場合は、上記の
![【CSS】アニメーションで動く見出しをCSSで作ってみる! - mlog](https://cdn-ak-scissors.b.st-hatena.com/image/square/4ee245f7ebbe14854284bc8f2c83a4f7daceee90/height=288;version=1;width=512/https%3A%2F%2Fi.gyazo.com%2F2e69f699ccaa7cceedb4dea9d9e22518.png)