2段階でアニメーションさせるスクロールエフェクト | oku-log

2段階でアニメーションさせるスクロールエフェクト | oku-log

最近、よく見かけるスクロールすると文字とかの背景が横からブワッと出てきて、そのままブワッと消えて...概要を表示 最近、よく見かけるスクロールすると文字とかの背景が横からブワッと出てきて、そのままブワッと消えて文字が現れるみたいなエフェクト。 例えばこういうのです。 https://tympanus.net/Development/BlockRevealers/ シンプルなレイアウトでも動きをつけることで単調にならないってメリットもあり、こういうエフェクトは重宝します。 実装する場合、いくつか方法はあるのですが今回は二つほど紹介します。 プラグイン「Block Reveal Effects」を使う方法 先ほどリンクを貼った「Block Reveal Effects」はcodropsで公開されています。 まずは以下のページの「Download source」から一式ダウンロード可能です。 https://tympanus.net/codrops/2016/12/21/block-reveal-effec

• スクロール
• アニメーション
• javascript
• animation
• css