☆色彩アニメーション☆疲れたときに気分転換にどうぞ

WEBデザイン業界にお勤めの方、WEBデザインやコーディングに関心のある方には特に興味を持っていただける色を使ったアニメーションです。

css-doodleというjsライブラリを使用して実現しているブラウザで動くアニメーションになります。

中心から湧き出てくる色のついた四角形とハートがこちらに近づいてくるアニメーションで、yuanchuanさんのFloating heartという作品をベースにしています。

css-doodleはhtml,cssを使った簡単なプログラムで様々な色彩表現が可能です。

今回は中明度中～高彩度の色で落ち着いた雰囲気をベースにハートの明るい雰囲気をあいまって、疲れたときに穏やかにポジティブな気持ちを作ってくれるようなアニメーションになっています。

リロードをすると色の数や回転が変化しますので試してみてください。
※パソコン等でアニメーションがフリーズする場合はブラウザサイズを小さくしてみてください。