CSS小动画之流星特效

对于流星相信大家都不陌生，如果我们想在网页里实现一个流星雨的效果该怎么做呢？

先放效果图 

流星的数量是自己控制的，想要多少都行

html代码：

css代码：

纯css写的流星效果，有这几个缺点，节点应该循环出来，每个流星出来的时间，位置，大小等元素应该随机分配的，这几点后期慢慢优化

如您有更好的建议和效果展示，请留言，谢谢！！