実務で使いやすい、
Webアニメーションの例。

動きの流れ

1. 見出しと説明文が、下から現れます。
2. 3枚のサービスカードが、1枚ずつ浮き上がります。
3. 最後に、下部のバッジが表示されます。

動きの流れ

1. 見出しと、3つの質問が順に表示されます。
2. 各質問の「＋」ボタンを押すと、その答えが開きます。
3. 複数の答えを、同時に開いたままにできます。
4. 開いた質問の「−」ボタンを押すと、その答えが閉じます。

動きの流れ

1. 最初は、Worksの内容が表示されています。
2. 「Services」または「About」タブを押すと、下線が移動します。
3. 下の内容が、選んだ項目に切り替わります。
4. 「Works」タブを押すと、最初の実績表示に戻ります。

動きの流れ

1. 実績の一覧画面が表示されます。
2. 「事例を見る」ボタンを押すと、画面が少し暗くなり詳細が開きます。
3. 「閉じる」ボタンを押すと、元の一覧画面に戻ります。

動きの流れ

1. 大きな見出しと、透明なヘッダーが表示されます。
2. プレビューの中を下へスクロールすると、実績紹介が見えます。
3. スクロール中は、ヘッダーが白く小さくなります。

動きの流れ

1. 見出しが表示されます。
2. 対応ツールの名前が、横に流れ始めます。
3. 右上の「一時停止」ボタンを押すと、流れる動きを止められます。
4. 「再生」ボタンを押すと、もう一度流れ始めます。

動きと操作

1. 最初に、1つ目の内容が表示されています。
2. プレビュー内を下へスクロールすると、次の内容が現れます。
3. スクロール量に合わせて、右側の進行マークが切り替わります。
4. 「もう一度再生」ボタンを押すと、プレビューの一番上へ戻ります。