オーガニックドリンクのサイト。カーソルの動きで発生する泡がかわいい。

動きの仕組みは、カーソルが動く度に画像（svg）が一つずつ発生しては消えるようになっており、まさにbubble。

ソース上からも終わったら消えるようになっており、ページの負荷も考えられた仕様になっている。

【祝】codefolio300件目の記事となりました。いつもご拝読いただきありがとうございます!!!

SP版でも動きは同様。

ただ、泡が発生するトリガーがカーソルからタップに変化したことにより、出る泡の数は減る。だがそれを発生させるためにタップするのもまた面白い。

個人的にMVのタップするごとに商材やカラーが弾けるように変化するアニメーションも、商材に合っていて好みだ。