主要介绍了使用CSS3来绘制一个月食图案,其中用到了不少CSS3中基本的绘图方法,是一个良好的学习示例,需要的朋友可以参考下

css3的animation是个好东西，之前应景的七夕表白爱心图。(都是中午午休时候的突发奇想。)想想，应该在很多应节场合用css玩点有意思的。突然想到上次的月食,那就玩玩。看了一个div的炫技网站.画个月亮嘛，还是尝试用一个div来实现，主div做背景黑夜，before做月亮，after做挡住月亮的黑影。用position控制位置，用animation控制动画。 CSS Code复制内容到剪贴板 .moonback{        width: 600px;