fobitows https://blog.hatena.ne.jp/fobitows/ hatebcustom https://rubirubi.hateblo.jp/ ブログカスタマイズ TOPページ はてなブログ Webデザイン ブログ管理 ⑦カウントアップアニメーション はてなブログ無料版のトップページを、自分好みのスタイルにカスタマイズする方法を紹介するシリーズの７回目です。 以下、今回の内容となります。 カウントアップアニメーションの実装 Intersection Observer（スクロール監視）によるイベントトリガー 今回は、数値をカウントアップするアニメーションの実装方法を紹介します。カウントアップのイベントトリガーには、Intersection Observerを利用しています。 https://pixabay.com/users/geralt-9301/ 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Frubirubi.hateblo.jp%2Fentry%2Ftop-page-customization-hatena-blog-free7" title="はてなブログ無料版: トップページを魅力的にカスタマイズする方法⑦ - hatebcustom" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/f/fobitows/20231129/20231129202451.jpg Hatena Blog https://hatena.blog 2023-12-12 19:00:00 rich https://rubirubi.hateblo.jp/entry/top-page-customization-hatena-blog-free7 1.0 100%