用代码创造樱花雨

效果展示

如何用纯 CSS 和少量 JavaScript 实现逼真的樱花飘落效果。

实现原理

关键在于随机性：每片花瓣的大小、位置、飘落速度和水平漂移都应该是不同的。CSS 自定义属性配合 JavaScript 的 Math.random() 就能实现这种自然的随机感。