一场152年的月食之约终于在昨晚圆满落幕
“月全食血月 超级月亮 蓝月”三景合一
引发全国人民纷纷赏月
（来源于网络）
还有很多网友脑洞大开
在朋友圈纷纷晒出“赏月”的各种姿势
“同一个世界，同一瓶蓝月亮”
当然这轮“红月”一下子
也炸出了很多专业摄影师的大作
让我们来围观下专业大神的作品
（photo by 平老虎）
（天涯共此时）
（蓝月亮 红月亮同框）
（北京东四环拍摄的红月亮）
（宁夏银川上空的“红月”）
在内蒙古呼和浩特拍摄的月亮（二次曝光）
（以下照片来源：姑苏晚报实拍）
回到正题，今天可不是来吹嘘的，给大家带来重量级CSS系列——红月亮 蓝月亮 X月亮=百变月亮。
152年一次的超级蓝血月食可不是每个人都能等得起的，所以在短暂的有生之年，如何满足这个视觉享受呢？其实，我们的css就能搞定任何颜色的月亮！
如何实现的呢？
快使用线性渐变linear-gradient
其实很简单，首先，我们选取以下的基础图片
然后我们有如下html代码
然后利用css背景的可重复性，修改css中的
background代码如下：
此时就可以实现红月亮了：
如果想实现其他颜色的月亮，直接修改
linear-gradient中的渐变颜色即可，即箭头指向的颜色：
下面是小编试着玩了几个颜色，实现了几种不同颜色的效果：
是不是很酷？
这样我们就不需要在寒冷的冬天等待红月亮了，也不需要熬到白头等152年的蓝血月食大片了。
快分享给身边的朋友吧，一起守望百变月色。
,
