アニメーションで変化するカスタムカーソル「Custom Cursor Effects」
codropsに公開されているナビゲーション・ギャラリー・カルーセルなどのインタラクティブなアニメーションカスタムカーソル「Custom Cursor Effects」のチュートリアルを忘備録。
Custom Cursor Effects
デモは5タイプのアニメーションカーソルが用意されています。
-
複数のレイヤーを活かしたきれいなエフェクト「Multi-Layer Page Reveal Effects」
-
水中の歪みを表現したエフェクトが気持ちいい「Liquid Distortion Effects」
-
ページをめくるようなエフェクトを実装できる「Page Flip Layout」
-
ブロックのアニメーションエフェクトが美しい「Block Reveal Effects」
-
スライドアニメーションで展開するグリッドメニュー「Expanding Grid Menu」
RELATED POSTS
世界の国旗をCSSとdivのみで実装する「CSS Flags」
【jQuery】スクロールに合わせて要素を切り替える「Midnight.js」
【jQuery】要素を３D回転させるプラグインTURNBOX.js
CSSアニメーション制作に役立つライブラリ・ツール14選
CSSで簡単に作れるおしゃれな見出しデザイン20選
ページをめくるようなエフェクトを実装できる「Page Flip Layout」
