Lottie実装編 | lottie-player

0.5倍速

autoplay loop speed="0.5"

等倍速

autoplay loop

2倍速

autoplay loop speed="2"

ホバー中にアニメーション

loop hover

ロード後3回だけ再生

autoplay loop count="3"

逆再生

autoplay loop direction="-1"

順↔︎逆再生の繰り返し

autoplay loop mode="bounce"

5秒間休んで再生

autoplay loop intermission="5000"

コントローラー表示

autoplay loop controls

背景色指定

autoplay loop background="#eef"

サイズ指定

autoplay loop style="width: 100px; height: 100px;"

LottieFilesから読み込み

autoplay loop src="https://lottie.host/6bed0136-e3d6-42be-ab92-fcb3f29e3cf4/a8u7RGCyP6.json"

dotlottie-player

<dotlottie-player autoplay loop src="略"></dotlottie-player>

dotlottie-wc

<dotlottie-wc autoplay loop src="略"></dotlottie-wc>