モーフィングアニメーションのページ遷移を実装できる「Morphing Page Transition」
ページ遷移の際のモーフィングアニメーションのアイデアがcodropsに公開されていたので忘備録。スライドアップのエフェクトが4種類用意されてますが、どれも個性的なエフェクトになってます。こういう「おっ!」と思わせるエフェクトは見ていて楽しいですね。
Morphing Page Transition
-
複数のレイヤーを活かしたきれいなエフェクト「Multi-Layer Page Reveal Effects」
-
【jQuery】ロールオーバー時にテキストをシャッフルさせる「chaffle.js」
-
動きのあるバブルを背景に設定することができる「bubbly-bg」
-
リアルな水滴を表現できる「Rain & Water Effect Experiments」
-
手書き風SVGアニメーションを簡単に実装できる「vivus.js」
RELATED POSTS
背景にスクロールアニメーションを実装できる「Physics-Based Background Scroll Effects」
【CSS】CSSアニメーションを簡単に作成できる「Animista」
CSSだけでブルブル震えるエフェクトを実装できる「CSShake」
【CSS】text-shadowの使用例をまとめたサイト「Trendy CSS Text Shadows」
複数のレイヤーを活かしたきれいなエフェクト「Multi-Layer Page Reveal Effects」
キレイなアニメーションのCSSスピナーコレクション「Epic Spinners」
