ストーリーの見栄えをさらに向上させることができます。タイトルを画面の左からスライドインさせたり、ページにドロップインさせたり、フェードインさせたりといった視覚効果を適用できます。アニメーションが用意されています。プリセットの値を指定する必要があります。属性を追加することで、さまざまなアニメーション効果を確認できます。プリセットには、以下のデフォルト値が設定されています。アニメーションの開始をどのくらいの時間遅延するかを指定します。秒後にアニメーションが開始されます。遅延を「0s」にするとアニメーションはすぐに開始されます。アニメーションの時間をどのくらいの長さにするかを指定します。属性を使って遅延や長さを変更することでカスタマイズできます。秒以内に完全にスライドインします。つのレイヤで構成されています。目のレイヤではバナーテキストを表示しています。ページの直後に以下のコードを追加します。ストーリーを再度読み込み、ページが以下のように正しく表示されることを確認してください。見栄えのよいページができあがりましたが、すべての要素が静止しています。このページをアニメーション化してみましょう。バナーテキストの表示処理をアニメーション化し、ページの右側からスライドインします。ページを再度読み込み、バナーがスライドインすることを確認してください。次に、すべての画像をフェードインします。animate-in="fade-in"></amp-img>ページを更新して再度読み込むと、各画像がフェードインします。見栄えがよくなりましたが、すべての画像が同時にフェードインするため、効果があまり目立たない可能性もあります。その場合は、アニメーションのタイミングを変更すると視覚効果を改善できます。秒(0.4s)遅延させて、テキストバナーの表示処理が完了する寸前に開始されるようにしましょう。秒(0.2s)後に開始されるようにします。属性を使って適切な遅延の値を指定します。コードは以下のようになります。animate-in-delay="1s"></amp-img>ストーリーを更新して再度読み込みます。最後のページが以下のようになります。ストーリーのアニメーションでは、アニメーションの組み合わせやアニメーションの変更などによって、このチュートリアルで紹介した以外にもさまざまな視覚効果を追加できます。関連ドキュメントをご覧ください。policy.了解!。