210708開発ログ


📌 学習の内容

アニメーションパッケージファイル


複雑で頻繁に使用されるアニメーション効果は、パッケージを使用できます.
注意:https://animate.style/

  • CDN copy&pasteを使用します.でもスタイルcssファイルを上へ貼り付ける
    (Web上のcssファイルを取得し、<link>に接続)

  • すべてのアニメーション効果を含むファイルのインポートと使用

  • 作成したclassを<html>に入力するだけです.

  • <div class="animate__animated animate__bounce animate__slow">Example</div>
  • は通常、コードの作成とは逆です.
    ->cssを使用してclassを指定し、<html>
  • を挿入します.
    コメントサイト:
    他のユーザが作成したアニメーション効果:https://codepen.io/
    📌 学習内容の難点
    📌 解決策
    📌 学習の心得.
    最初はライブラリを使うときにPythonのようにimportコマンドやpip installコマンドを使うと思っていましたが、CDNを使うとcopy&pasteで簡単にライブラリを使うことができます.Codpenのウェブサイトで他のユーザーが作ったアニメーションを見て、私は自分がまだいくつか不足していることに気づいて、私個人は教育を行うだけではなくて、実習を行います.