CSSでアニメーションの表示・非表示を設定する方法

CSS でアニメーションの表示/非表示を設定する方法: 最初に HTML サンプル ファイルを作成し、次に

タグを作成してテキストを設定し、最後に「@-webkit-keyframes」を使用してフェードナムを設定します。フェードイン、フェードアウトするクラスの効果は十分です。

この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、Dell G3 コンピューター。

HTML 開発ソフトウェアを開き、新しい HTML コード ページを作成します。図に示すように:

##HTML コード ページに

タグを作成し、この

に class クラスを追加し、表示用のテキストを設定します。およびフェードアウト フェードイン アニメーション効果 (そこで使用されるクラス名: fadenum、このクラスについてはすぐ下で説明します)。図に示すように:

クラス スタイルを設定します。

以上がCSSでアニメーションの表示・非表示を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。