アニメーション コンテンツの表示と非表示: トランジション効果を備えた HTML ページの作成

Question

ページめくりのアニメーションを備えた本の形でコンテンツを表示する Web サイトを作成しようとしています。各「ページ」のコンテンツに対してアニメーション化するさまざまな SVG 画像がありますが、これを行う方法がわかりません。

基本的に、「ページ」ごとに HTML ファイルを作成せずに、コンテンツを希望どおりに表示または非表示にする方法はありますか?順序は少し重要です。Google に私のサイトをランダムな場所にリンクさせたくないのです。ありがとう！

カルーセルを考えていますが、スライドショーはページ全体であり、アニメーション コンテンツ、アニメーション トランジションをサポートしており、テキストが含まれています。私はフロントエンド開発には比較的慣れていないので、見たとしても答えはわかりません。これが間違ったフォーラムだったらごめんなさい。

Answer 1

はい、「ページ」ごとに HTML ファイルを作成しなくても、コンテンツを自由に表示したり非表示にしたりすることは完全に可能です。

Web ページには、クリック、ホバー、マウスを離す、スクロールなど、多くのイベントがあります。必要に応じて、これらのイベントを使用し、JavaScript を使用してイベント リスナーを追加して、同じ HTML ページ内のコンテンツを表示または非表示にすることができます。これはアニメコンテンツにも当てはまると確信しています。