ホームページ > 記事 > ウェブフロントエンド > animate.cssの使い方
animate.css の使用方法: 最初に animate css ファイルをフォルダーに置き、次に animate ファイルを HTML の先頭に追加し、アニメーションが必要なタグにコードを追加し、最後に無限の缶を追加します。アニメーションをループ再生します。
このチュートリアルの動作環境: Windows7 システム、css3 バージョン、DELL G3 コンピューター。
animate.css の使用方法:
1. animate css ファイルと html ファイルをフォルダーに置きます。
#2. アニメーション ファイルを HTML の先頭に追加します。
3. アニメーションが必要なラベルに class="animated bounce late-3s" を追加します。3 秒の遅延の後、animate のバウンス アニメーションが再生されます。
#4. アニメーションをループで再生するには、真ん中に無限を追加します。
5. クラス スタイルを自分で追加し、再生速度を 5 秒に設定し、2 秒遅延させ、ループ再生し、定義をクラスの前に直接記述することもできます。ラベルクラス 以上です。
#6. 再生回数を設定したい場合は、無限を 2 に変更します。これは、2 回再生されることを意味します。
#7. ブラウザで開くと、テキストがジャンプするアニメーションが表示されます。他のアニメーションも同様に使用できます。変更する必要があるのは、アニメ名。
関連チュートリアルの推奨事項: CSS ビデオ チュートリアル
以上がanimate.cssの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。