210708開発ログ
1631 ワード
📌 学習の内容
複雑で頻繁に使用されるアニメーション効果は、パッケージを使用できます.
注意:https://animate.style/
CDN copy&pasteを使用します.でもスタイルcssファイルを上へ貼り付ける
(Web上のcssファイルを取得し、
すべてのアニメーション効果を含むファイルのインポートと使用
作成したclassを
例
は通常、コードの作成とは逆です.
->cssを使用してclassを指定し、 を挿入します.
コメントサイト:
他のユーザが作成したアニメーション効果:https://codepen.io/
📌 学習内容の難点
📌 解決策
📌 学習の心得.
最初はライブラリを使うときにPythonのようにimportコマンドやpip installコマンドを使うと思っていましたが、CDNを使うとcopy&pasteで簡単にライブラリを使うことができます.Codpenのウェブサイトで他のユーザーが作ったアニメーションを見て、私は自分がまだいくつか不足していることに気づいて、私個人は教育を行うだけではなくて、実習を行います.
アニメーションパッケージファイル
複雑で頻繁に使用されるアニメーション効果は、パッケージを使用できます.
注意: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のウェブサイトで他のユーザーが作ったアニメーションを見て、私は自分がまだいくつか不足していることに気づいて、私個人は教育を行うだけではなくて、実習を行います.
Reference
この問題について(210708開発ログ), 我々は、より多くの情報をここで見つけました https://velog.io/@jiyoon_jeong2005/210708-개발일지テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol