一款纯CSS3的日食动画场景特效,月球沿着一定的轨迹运动并遮挡太阳,遮挡太阳的整个过程有一个光影变化的效果,完全遮挡之后便继续沿着轨迹运行离去。
页面的head部分,需引入页面的样式文件,代码如下:
<link type="text/css" rel="stylesheet" href="css/style.css"/>
页面的body部分,需设置好太阳和月亮的div容器,代码如下:
<div class="universe">
<div class="sun"></div>
<div class="moon"></div>
</div>
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791