Dreamweaver での CSS3 移行効果の作成および編集

（オプション）トランジションを適用するエレメント（段落、見出しなど）を選択します。 または、トランジションを作成して、後でエレメントに適用することもできます。

ウィンドウ > CSS トランジションを選択します。

をクリックします。

新規トランジションダイアログボックスのオプションを使用してトランジションクラスを作成します。

セレクターの名前を入力します。 セレクターには、タグ、ルール、ID、複合セレクターなどの任意の CSS セレクターを使用できます。 例えば、すべての <hr> タグにトランジション効果を追加するには、hr と入力します。

トランジションを適用する状態を選択します。 例えば、マウスがエレメント上に移動したときにトランジションを適用する場合は、ホバーオプションを使用します。

トランジションさせるすべてのCSSプロパティに対して同じ継続時間、遅延、タイミング関数を指定する場合は、このオプションを選択します。

トランジションする各 CSS プロパティに異なる継続期間、遅延、タイミングを指定する場合は、このオプションを選択します。

 をクリックしてトランジションに CSS プロパティを追加します。

トランジション効果のデュレーションを秒またはミリ秒で入力します。

トランジション効果が開始するまでの時間（秒またはミリ秒）です。

選択可能なオプションからトランジションスタイルを選択します。

トランジション効果の終了値です。 例えば、トランジション効果の最後にフォントサイズを 40 px に増やす場合は、フォントサイズのプロパティに 40 px を指定します。

現在のドキュメントにスタイルを埋め込むには、「現在のドキュメントのみ」を選択します。

CSS3 コード用の外部スタイルシートを作成する場合は、「新規スタイルシートファイル」を選択します。 「トランジションを作成」をクリックすると、新しい CSS ファイルの保存場所を指定するよう求められます。 作成されたスタイルシートは、トランジションの作成場所を選択メニューに追加されます。

CSSトランジションパネルで、編集するトランジション効果を選択します。

クリック  .

トランジションを編集ダイアログを使用して、トランジションに以前に入力した値を変更します。

編集／環境設定を選択します。

CSSスタイルを選択します。

「ショートハンドを使用」で、「トランジション」の選択を解除します。