CSS3和SVG实现的水中映月的动画效果

今天给大家分享一个宁静而又温馨的CSS3动画，是一个水中映月的场景，用CSS3和SVG实现。首先我们用CSS3在页面上画一个圆月，以及圆月周围的月晕，然后用SVG动画模拟水波，这样一轮圆月就倒映在水波荡漾的水面上了，个人以为还是挺逼真的。

在线演示

源码下载

未经允许不得转载：爱前端网 » CSS3和SVG实现的水中映月的动画效果