Animating my illustration using animate.css

Hi folks! a few months ago I created a boombox illustration by only using CSS.

Creating illustration using CSS

Now I am looking forward to animating it.

As I am new to animation. I researched a little and found about animate.css. I decided to use it instantly because it's pretty simple and easy. Like you animate your component with just one line of code.

So basically I wanted to animate the speakers as showing beat effect. For this, I added this class to my inner speaker div.

className="animate__animated animate__heartBeat animate__fast animate__infinite"

here I used heartBeat animation type and specifies its speed as fast for infinite time.
and here is the result

Thanks for reading and keep creating! ✨