您的位置：首页 > Web前端 > CSS

css3之图片一闪而过特效

2014-12-26 16:15 162 查看
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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航