javascript - 如何使雨水堆积在文本上并倒在网页上

Closed. This question needs to be more focused。它当前不接受答案。
                            
                        
                    
                
                            
                                
                
                        
                            
                        
                    
                        
                            想改善这个问题吗？更新问题，使其仅通过editing this post专注于一个问题。
                        
                        4年前关闭。
                                                                                            
                
        
我怎样才能使雨水流过“我的文字”？我有这段代码，您可以在我的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);
}

http://jsfiddle.net/35h2Q/23/

单击底部的开始按钮后开始下雨。

我正在尝试制作雨水效果，突然想到的是“为什么不让雨水堆成文字呢？”。但是我已经尽一切努力使雨水在文本上流动，但是我没有成功。

我做了一些研究，可能有一些物理定律使之成为可能。有什么想法可以做到吗？您还有其他改善动画的建议吗？谢谢。

最佳答案

在雨滴CSS规则上设置z-index: 1

修饰的小提琴：http://jsfiddle.net/35h2Q/22/

关于javascript - 如何使雨水堆积在文本上并倒在网页上，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28393044/