2018.9.12 更新 いろんなサイトで動きのあるデザインが使用されています。 今回はブログにも簡単に実装できるモノをご紹介したいと思います。 スクロールに合わせてふわっと表示させる デモ 実装方法 CSS 記述内容 JS 記述内容 HTML 記述内容 まとめ スクロールに合わせてふわっと表示させる まずはデモを見ていただきます。このままページを下にスクロールしていってください↓ デモ 最初非表示だった画像やテキストが、ふわっと浮き上がるように表示されました。 これはcssとjsを使用して簡単に実装できます。 実装方法 CSS まずはcssからです。 はてなブログでは、編集画面のサイドメニュー内「デザイン」をクリック→サイドメニューのカスタマイズアイコンをクリック→「デザインCSS」から、サイト内のcssを編集することができます。 ここにcssをコピペしたり、自分で記述することで、自身の