7/8アニメ関連サイト
1917 ワード
💡 学習の内容
今日は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を参考にして勉強したほうがいいです.
Reference
この問題について(7/8アニメ関連サイト), 我々は、より多くの情報をここで見つけました https://velog.io/@youngeun998/대구AI스쿨-7월8일-개발일지テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol