フォームにアニメーションを設定する

「カスタムモード」では、フォーム内の「テキスト入力エリア」と「ボタン」に、アニメーション動作を設定することができます。

「カスタムモード」は、Smooth Contactプロコースのみ利用可能な機能です。フリーコースではご利用いただけません。詳しくはこちら

フォームを選択する

アニメーションを設定するフォームを選択します。

アニメーションを設定する

〈デザインタブ〉を選び、〈カスタムモード〉を選択します。

左側の〈アニメーション〉エリア内、〈テキスト入力エリア〉〈ボタン〉からアニメーションの設定をしたい箇所を選択します。

〈テキスト入力エリア〉では「アニメーションなし」「ラベルトップ」「ラインカラー」「フォーカスイン」の4つが選択可能です。入力エリアをクリックすると、効果を確認できます。

〈ボタン〉では「アニメーションなし」「スプレッド」「クローズダウン」「3Dスクエア」の4つが選択可能です。
カーソルを合わせると、効果を確認できます。

それぞれ適用したいアニメーションを選択後、〈保存〉をクリックします。
以上の操作でフォームにアニメーションが設定されます。