慕课网的图片闪光滑过效果

今天在等响应式实战发布时，注意到实战页面的图片，鼠标经过会有闪光滑过的效果。我觉得挺有趣，照葫芦画瓢写了个demo。

有兴趣的同学可以写个demo玩一下，实现原理很简单: 只需要为创建效果的元素添加一个伪元素做为动画层，元素相对定位， 伪元素绝对定位，这样就可以调整伪元素的大小啦，调整成一个长方形，再用transform调整到合适的角度，left设置成负值让伪元素“隐藏”起来。
下一步就是用 linear-gradient给伪元素做一个透明——白色——透明的渐变背景，再为元素添加：hover 伪类， 鼠标经过时更改一下伪元素的 left和transition值就大功告成啦。

略有遗憾的是，由于transform属性的原因，这个效果在ie上要10+版本才能正常显示，做为一个增强效果，即使浏览器不支持情况下也无伤大雅。