学透CSS-当CSS遇到古诗和月亮，月亮动起来！！！

创作不易 拒绝白嫖 点个赞呗
关注专栏 学透CSS,带你走进CSS的深处！！！

前言

在具体开始之前，我们先来科普一下。月亮的各种圆缺形态，也称为月相。

“新月”，也叫“朔日”，这时是农历初一；

“蛾眉月”，这时是农历初三、四；

农历初七、八，半个亮区对着地球，人们可以看到半个月亮（凸面向西），这一月相叫“上弦月”；

农历十五、十六、十七，月球的亮区全部对着地球，我们能看到一轮圆月，这一月相称为“满月”，也叫“望”；

农历二十二、二十三，又能看到半个月亮（凸面向东），这一月相叫做“下弦月”。

整体布局

黑色的背景板

html,
body {
  width: 100%;
  height: 100%;
  border-radius: 0;
  margin: 0;
  display: