オープニングアニメーションのこと

ロゴマークの輪っかの周りに「stroke」で縁取りをし「stroke-dasharray」で間隔を指定。

@keyframesで「stroke-dashoffset」を設定しアニメーションさせています。

このアニメーションを作成した時に、初めて「stroke-dasharray」と「stroke-dashoffset」を知りました…。

SVGアニメーションもう少し取り入れていきたいです。