纯CSS绘制月亮

html-css011

纯CSS绘制月亮,第1张

首先做一个宽高相等的盒子,用来作为月亮左半部分,设置它的box-shadow,用来作为月亮的右半部分

如图

然后把盒子的background-color置为transparent或者white,再将border-radius置为50%

最后调整box-shadow,将blur-radius(模糊距离)和spread-radius(阴影大小)置为0,再换个颜色

您好,elswitch太阳月亮实现的原理是利用光学原理,它能够实现太阳月亮的切换,从而达到室内照明的调节。

具体来说,elswitch太阳月亮是一种光学开关,它能够控制光源的开关,从而达到室内照明的调节。它由一个光学玻璃组成,其中包含一个可调节的滤光片,当滤光片调节到一定位置时,可以实现太阳月亮的切换,从而达到调节室内照明的目的。

elswitch太阳月亮的优点是操作简单,可以有效的调节室内照明,而且它的使用寿命长,可以长期使用,不会出现故障。另外,它的结构紧凑,占用空间小,可以有效的节省空间,而且它的价格也比较实惠,因此受到了广大消费者的欢迎。

首先,我们要创建一个定时器,使得月亮 div id=“moon” 不断上升!

当月亮上升到距离顶部,同时显示starUnder130像素时,清除定时器,月亮上升停止!

当月亮停止之后,让里面的诗句逐字(定时器实现)显示,通过设置的动画让嫦娥图片显示!

class="stars"是创建夜空中的星星,并加上css动画让其动起来!

div id=“water” 是底部倒影