纯CSS3实现的超好看动态斜纹图片边框

大家可以通过运行代码看到效果，当鼠标停留在图片上面时，图片的边框就会出现带有斜度的条纹背景（暂且不管动画）， 看下源代码就能明白其中的原理，首先用样式制作出条纹背景，设置opacity值为0，在鼠标经过图片所在的层是再将opacity改为1并且中间设置个过渡时间，这样子条纹背景图就能缓慢的出现以及消失。