選択中の要素にアニメーションを適用します。
1.要素を選択する
① プレビューにパターンを表示した状態で、アニメーションを設定したい要素を直接クリックして選択します。
②「選択中の要素の編集」メニューの[アニメーションを編集]をクリックします。
2. アニメーションを編集する
① アニメーションの[種類]を選択します。
② 選択したアニメーションの動きを調整します。
③[適用]ボタンをクリックします。
「アニメーションを編集」設定パネル
①[ |
「選択中の要素の編集」メニューの表示を最小化します。 最小化した状態で[ |
|
②[ |
編集パネルを消して、要素の選択を解除します。 プレビュー領域をクリックすると、編集パネルを消して要素の選択を解除します。 |
|
③[種類] | 選択中の要素に付与するアニメーションの種類を選択します。 | |
③[種類] | 点滅する: |
|
横に震える: |
||
縦に震える: |
||
振り子: |
||
拡大と縮小: |
||
回転する: |
||
突然回転する: |
||
左からスライドイン: |
||
右からスライドイン: |
||
上から降りる: |
||
下から登る: |
||
スケールイン(縮小): |
||
スケールイン(拡大): |
||
ホイールイン: |
||
スピンイン: |
||
④[速度] | 選択した要素に付与したアニメーションの速度を[200ms〜5000ms]のあいだで100ms刻みで設定します。 | |
⑤[回数] | 選択した要素に付与したアニメーションの回数を[1〜10回]または[無制限]から設定します。 | |
⑥[発動条件] | 選択した要素に付与したアニメーションの発動条件を設定します。 ページ読み込み: ページを読み込んだタイミングで発動します。 クリック: 要素をクリックしたタイミングで発動します。 ホバー: 要素をホバーしたタイミングで発動します。 スクロール: ページがスクロールしたタイミングで発動します。 |
|
⑦[適用] | 編集した内容を保存します。 保存が完了すると、編集パネルを消して要素の選択を解除します。
|
|
⑧[キャンセル] | 要素を選択したまま「選択中の要素の編集」メニューに戻ります。 |