オープニングアニメーションのこと
ロゴマークの輪っかの周りに「stroke」で縁取りをし「stroke-dasharray」で間隔を指定。
@keyframesで「stroke-dashoffset」を設定しアニメーションさせています。
トータルオフィスのオープニングアニメーション↓
このアニメーションを作成した時に、初めて「stroke-dasharray」と「stroke-dashoffset」を知りました…。
SVGアニメーションもう少し取り入れていきたいです。
ロゴマークの輪っかの周りに「stroke」で縁取りをし「stroke-dasharray」で間隔を指定。
@keyframesで「stroke-dashoffset」を設定しアニメーションさせています。
トータルオフィスのオープニングアニメーション↓
このアニメーションを作成した時に、初めて「stroke-dasharray」と「stroke-dashoffset」を知りました…。
SVGアニメーションもう少し取り入れていきたいです。
