7/8アニメ関連サイト


💡 学習の内容


今日はcssアニメーションに関するサイト情報を知りました.
🔴 Webサイトからcssファイルをインポートできるサイト:https://animate.style/🔴
<head>
  <link
    rel="stylesheet"
    href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
  />
</head>
headでWeb上のcssファイルを移動します.
<div class="animate__animated animate__shakeY (이부분에 copyboard한 것을 삽입) animate__slow(이부분도 설정 가능)">Example</div>delay classのような部分をhtmlにコピーし、自分が書きたい項目のコピーボードを挿入します.
💨 このサイトはcssにclassを指定し、指定したクラスをhtmlタグに挿入することでcssに適用します.
💨 繰り返し使用するアニメーション効果は連動して使いやすい.
🟠 https://codepen.io/-検索アニメーション-他の人が作ったアニメーションの効果を見ることができます.🟠

🙅🏼 学習中の難点/解決方法


今日は20分程のレッスンで、参考サイトについての情報が終了していたので、あまり苦になりませんでした.

🙋‍♀️ 解決策


css動画を使いやすいサイトが見れてよかったです.よく使うアニメーション効果は上のサイトをよく使うので、他の人が作ったcssを参考にして勉強したほうがいいです.