纯css实现鼠标移动方向遮罩效果

在codepen上看到一款css效果，很不错    根据鼠标进入框的方向的不同，遮罩进入的方向也不同。 自己思考如何判断鼠标进入的方向，没有事件可以直接获取进入元素的方向，虽然可以用鼠标坐标计算，但是太麻烦。直接用纯css就可以实现 原理   首先定位4个不同方向的遮罩，然后给每个遮罩添加伪元素before      上图中黑框内不同颜色的地方就是每个遮罩的before，鼠标从某个方向进入时，必定

>>阅读原文<<