マネしたいポイント
夜空をテーマとした落ち着いた雰囲気のサイトです。夜空ということで星座のモチーフがありますが、星座のようにラインアニメーションが行われるのがポイントです。SVGのパスをアニメーションさせることで実現できます。
![](https://maneru-design-lab.net/wp-content/uploads/2022/09/yolu_point.jpg)
応用できそうな場面
星座のような点と線の図形とSVGアニメーションは相性が良いです。ほかにも線画やグラフなどもSVGアニメーションにすると面白いかもしれません。
懸念点
パスのアニメーションはやや時間がかかります。あまり長過ぎるアニメーションはユーザー体験を損なう恐れがあります