既存の HTML ページのエレメントをアニメーション化する

既存の HTML ページのエレメントをアニメーション化する
Paul Trani

既存の HTML ページのエレメントをアニメーション化したり、エレメントにインタラクティブ機能を追加したりすることができます。Edge Animate によって生成されたアニメーションコードは別のファイルに格納されるため、HTML ページの整合性は保持されます。

  1. Edge で既存の HTML を開きます(ファイル/開く)。

    Edge Animate では、標準準拠のコードのみが開かれます。例えば、重複する ID がある場合、ドキュメントに重複する ID が含まれていることが、Edge Animate によって通知され、ファイルは開かれません。エラーが表示されたり、動作が不自然である場合は、HTML バリデーターを使用して HTML ページを実行してみます。

  2. ステージでページエレメントを選択します。

    エレメントパネルでページエレメントを選択することもできます。エレメントパネルにはページの DOM(ドキュメントオブジェクトモデル)が表示されます。

    エレメントパネルに表示された DOM
  3. エレメントをアニメーション化します。「アニメーションを作成する」を参照してください。

    注意:

    HTML エレメントに対して実行できる処理には制限があります。HTML エレメントはシンボルに変換することはできず、他のエレメントのプロパティをすべて持っているわけではありません。エラーが表示されたり、動作が不自然である場合は、HTML バリデーターを使用して HTML ページを実行してみます。

Edge で div、テキスト、読み込み画像などのエレメントを追加し、これらのエレメントをアニメーション化したり、エレメントにインタラクティブ機能を追加したりすることができます。

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

法律上の注意   |   プライバシーポリシー