效果：一张钻石图片，鼠标hover图片的时候有一道光线闪过
html代码：
<body>
<div class="content">
<img src="img/ring.png" alt="闪光图片" />
<!--闪光遮罩层-->
<div class="light"></div>
</div>
</body>css代码：
<style type="text/css">
.content{
position: relative;
width: 403px;/*图片宽度*/
height: 352px;/*图片高度*/
}
.light{
cursor: pointer;
position: absolute;
left: -403px;
top: 0;
width: 403px; /*图片宽度*/
height: 352px;/*图片高度*/
/*闪光其实是一个渐变的遮罩层*/
background: -webkit-linear-gradient(0deg, rgba(255,255,255,0),
最低0.47元/天 解锁文章
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
