css3之图片一闪而过特效
css3是一个很强大的东西,如果想要实现鼠标移上图片时一片亮光一闪而过的效果,比如http://www.fenqile.com/product/mobile/list.html。
具体代码如下:
<div class="img_wrap"> <img src="images/1.jpg" alt="" /> <em></em> </div> <style type="text/css"> .img_wrap em { background-image: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); height: 280px; left: -320px; position: absolute; top: 0; transform: skewX(-25deg); width: 280px; } .img_wrap:hover em { left: 280px; transition: all 0.5s ease 0s; } </style>
人生短短几十年,要在有限的生命里多做店有意义的事情。莫要让自己迎合别人的眼光活着。随心而为,听从心的声音。讨好自己,悠哉悠哉!