I am trying to improve my CSS animation skills by recreating concepts I find on dribble but this one is giving me a hard time:
https://cdn.dribbble.com/users/73241/screenshots/3543071/attachments/787158/att_split_00.gif
I am unable to figure out how to recreate the sound visualizer's effect. I am able to setup a normal sound visualizer with bars for the frequencies but I am unsure how to approach the special effect or know if it's even possible. I have been using "shooting fountain" as a reference for it's animation but surely I have it's terminology/description wrong.
Currently I am using canvas to setup a mock for it but the effects are far too complex for my experience so I am trying to find alternative methods to replicate the effect. I am looking at potentially using the GSAP's physics plugin to simulate the gravity and draw the particles themselves but I am unable to find any references to study from.
I appreciate any suggestions or references that can better help me achieve similar results. Thank you for your time.