アニメーションを使用して私のイラストアニメーション.CSS

こんにちは!数ヶ月前、私はCSSを使用するだけでBoomboxのイラストを作成しました.

CSSを使用したイラストの作成

アネカハカン✨ ・ Dec 15 ' 20・ 2分読む

#css #react #beginners

現在、私はそれをアニメーション化するのを楽しみにしています.
私はアニメーションに新しいです.私は少し研究して、animate.cssを見つけました.私は、その簡単で簡単なので、即座にそれを使用することを決めた.ちょうど1行のコードでコンポーネントをアニメーション化します.
だから基本的には、スピーカーの効果を示すようにスピーカーをアニメーション化したかった.このために、私はこのクラスを私の内部の話者divに加えました.

className="animate__animated animate__heartBeat animate__fast animate__infinite"

ここで私はheartBeatアニメーションタイプを使用し、fast時間のinfiniteとしてその速度を指定します.
ここに結果がある
私は、現在そのかわいい生を知っています、そして、私はまだそれに取り組んでいます.私のアイデアは、音楽のメモを浮動小数点を追加して起動するとオフにボタンを起動し、音楽を停止します.
また、アニメーションの記事やチュートリアルのコメントをお勧めします.
読んでくれてありがとうございます!✨