150年难遇超级蓝血月全食你知道吗 超级蓝血月食要152年

一场152年的月食之约终于在昨晚圆满落幕

“月全食血月 超级月亮 蓝月”三景合一

引发全国人民纷纷赏月

（来源于网络）

还有很多网友脑洞大开

在朋友圈纷纷晒出“赏月”的各种姿势

“同一个世界，同一瓶蓝月亮”

当然这轮“红月”一下子

也炸出了很多专业摄影师的大作

让我们来围观下专业大神的作品

（photo by 平老虎）

（天涯共此时）

（蓝月亮 红月亮同框）

（北京东四环拍摄的红月亮）

（宁夏银川上空的“红月”）

在内蒙古呼和浩特拍摄的月亮（二次曝光）

（以下照片来源：姑苏晚报实拍）

回到正题，今天可不是来吹嘘的，给大家带来重量级CSS系列——红月亮 蓝月亮 X月亮=百变月亮。

152年一次的超级蓝血月食可不是每个人都能等得起的，所以在短暂的有生之年，如何满足这个视觉享受呢？其实，我们的css就能搞定任何颜色的月亮！

如何实现的呢？

快使用线性渐变linear-gradient

其实很简单，首先，我们选取以下的基础图片

然后我们有如下html代码

然后利用css背景的可重复性，修改css中的background代码如下：

此时就可以实现红月亮了：

如果想实现其他颜色的月亮，直接修改linear-gradient中的渐变颜色即可，即箭头指向的颜色：

下面是小编试着玩了几个颜色，实现了几种不同颜色的效果：

是不是很酷？

这样我们就不需要在寒冷的冬天等待红月亮了，也不需要熬到白头等152年的蓝血月食大片了。

快分享给身边的朋友吧，一起守望百变月色。

,