Follow cursor with mix blend mode in vanilla js

Follow cursor with mix blend mode in vanilla jsウェブサイトの画面キャプチャ画像
意外と完璧に動作するサンプルが少ないのが、マウスカーソル を要素がフォローするサンプル。こちらのサンプルは、マウスカーソルをフォローしてくれるサンプルの中でもjQuery、TweenMax等のライブラリに依存しておらず、Javascritのみで構成されています。調べたサンプルの中で一番シンプルなプログラム、CSSの構成で参考になります。フォローする要素はmix blend modeがcssに設定されているのもポイントです。Javascriptを見るとプログラム自体がかなり短く、外部JSライブラリに依存していないこともあいまって、ウェブサイトの軽量化にも貢献しています。
  • SHARE
  • twitterでシェアする
  • facebookでシェアする
  • ラインで友達に送る
  • Pinterestでボードにピンを保存する