アニメーションを編集する

選択中の要素にアニメーションを適用します。

1.要素を選択する

① プレビューにパターンを表示した状態で、アニメーションを設定したい要素を直接クリックして選択します。

②「選択中の要素の編集」メニューの［アニメーションを編集］をクリックします。

2. アニメーションを編集する

① アニメーションの［種類］を選択します。

② 選択したアニメーションの動きを調整します。

③［適用］ボタンをクリックします。

「アニメーションを編集」設定パネル

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