用語集 · アニメーション

線の描画

線が端から端へ少しずつ描かれる、または同じ方向に消えていくアニメーション。

詳細

線の描画を使うと、輪郭が手で描かれているかのように現れます。たとえば、書かれていく下線、ボタンへ向かう矢印、価格を囲んでいく枠などです。輪郭の一部だけを表示し、動きの中でそれを伸ばしたり（縮めたり）して実現します。

BannerMotionでは、「トレースを描く」（線が現れる）と「トレースを消す」（線が消える）を、通常方向または逆方向で提供しています。SVGのストロークに適用されます。無限ループはなく、ブラウザがアニメーション中に図形を再描画するため、少ない要素に短い時間で使うのが望ましいです。

例

「オファー」の下の下線が、0.5秒かけて左から右へ描かれる。

[この用語はまだどのガイドにも掲載されていません。]

実際のキャンペーンで試してみましょう。