Forum Academy Marketplace Showcase Pricing Features

šŸ¤– JS help: trigger css animation from event

I have a working breathing app prototype. As with other breathing apps out there, I have a working animation that scales up a circle for the inhale, and scales it down for the exhale all done entirely with CSS.

However, Iā€™d love to implement sounds and other fun stuff to it which would only work with JS so I need help here as Iā€™m not very familiar with JS. I want to trigger the scale up on an even, and the scale down on another (based on a timer that I would build with bubble).

How would you set this up? Thanks for the help guys!