星座をつなぐアニメーション YOLU

https://yolu.jp/

ナイトケアビューティーブランドです

マネしたいポイント

夜空をテーマとした落ち着いた雰囲気のサイトです。夜空ということで星座のモチーフがありますが、星座のようにラインアニメーションが行われるのがポイントです。SVGのパスをアニメーションさせることで実現できます。

応用できそうな場面

星座のような点と線の図形とSVGアニメーションは相性が良いです。ほかにも線画やグラフなどもSVGアニメーションにすると面白いかもしれません。

懸念点

パスのアニメーションはやや時間がかかります。あまり長過ぎるアニメーションはユーザー体験を損なう恐れがあります

  • Twitter Share
  • Facebook Share
  • Line Share