-webkit-mask实现爱心遮罩效果

代码如下：

效果图如下：

知识点：

position:fixed;的应用
已知设置元素的样式为 position:fixed; 后，元素会相对于浏览器窗口定位，从而实现侧边栏等页面效果。同时，你可以为该元素设置width:100%;height:100%;。因为元素是相对于浏览器窗口的，所以此时该元素会充满整个页面。

注意：在body元素中写遮罩层是没有效果的。