纯CSS3+SVG实现带虹吸现象的日食动画效果源码

这是一款基于纯CSS3+SVG实现带虹吸现象的日食动画效果源码。画面中心是一个相对静止的月亮高悬空中。从屏幕的一侧有一个太阳缓缓移入屏幕中心位置并被月亮遮挡，形成日食效果，同时伴随着天空背景颜色的变暗。且日食过程中日月靠近时还带有虹吸粘滞的视觉效果。建议使用支持HTML5与css3效果较好的火狐(Firefox)或谷歌(Chrome)等浏览器预览本源码。