PC表示
波を打ったようなSVG画像を使用し、メインビジュアルを邪魔することなく、かつシンプルに飾り付けをしている。
アニメーションはstroke-dashoffset、stroke-width、stroke-opacityなどでSVGを操作。
コストを掛けることなくかつリッチな演出ができる例。
スマホ表示
SP版でも同様。
PC・SPで共通のanimationを使用することで、よりコーディングのコストパフォーマンスをよくしている。
all_categories=
サイトの特徴=
波を打ったようなSVG画像を使用し、メインビジュアルを邪魔することなく、かつシンプルに飾り付けをしている。
アニメーションはstroke-dashoffset、stroke-width、stroke-opacityなどでSVGを操作。
コストを掛けることなくかつリッチな演出ができる例。
SP版でも同様。
PC・SPで共通のanimationを使用することで、よりコーディングのコストパフォーマンスをよくしている。