Web Stories
Animating Elements
ウェブストーリーで使えるアニメーションサンプル

1. drop d r o p 上から落ちてきて弾む

2. fade-in fade-in ふわっと浮かび上がる

3. fly-in-left/right fly-in-left fly-in-right 画面外からまっすぐ飛んでくる（左右）

4. fly-in-top/bottom fly-in-top fly-in-bottom 画面外からまっすぐ飛んでくる（上下）

5. pulse pulse 脈打つように一度動く

6. rotate-in-left/right rotate-in-left rotate-in-right 画面外から回転しながら登場（左右）

7. twirl-in twirl-in 回転しながら拡大

8. whoosh-in-left/right whoosh-in-left whoosh-in-right 画面外から形を変えながら飛んでくる（左右）

9. pan-right pan-right 拡大したカメラを右にパンする動き

10. pan-left pan-left 拡大したカメラを左にパンする動き

11. zoom-in/out zoom-in zoom-out ズームイン！ズームアウト！

Google Web Storiesで
あなたのストーリーを
伝えましょう

もっと詳しく見る お問い合わせする