Is it possible to make the rain flow over my text? Below is the code snippet from my JSFiddle:
function strop(cleft, ctop, d) {
var drop = document.createElement('div');
drop.className = 'punct';
drop.style.left = cleft + 'px';
drop.style.top = ctop + 'px';
drop.id = d;
document.getElementById('content').appendChild(drop);
}
The rain animation starts once the start button at the bottom is clicked.
I've been experimenting with creating a rain effect, and I had the idea of making the rain flow over the text in a pile-like manner. However, despite my efforts, I haven't been able to achieve this effect.
After some research, I wonder if there are any key principles of physics that could help accomplish this. Any suggestions on how I can make the rain flow over the text? Are there any additional tips you can provide to enhance the animation? Thank you.