<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>纯CSS3鼠标hover图片条纹遮罩层动画特效</title>
<!--响应式框架-->
<link rel="stylesheet" type="text/css" href="css/bootstrap-grid.min.css" />
<!--图标库-->
<link rel="stylesheet" href="css/fontawesome-all.min.css">
<!--主要样式-->
<link type="text/css" href="css/style.css" rel="stylesheet" />
</head>
<body>
<div style="height:60px;"></div>
<div class="container">
<div class="row">
<div class="col-md-4 col-sm-6">
<div class="box">
<img src="images/img-1.jpg">
<div class="box-content">
<h3 class="title">Williamson</h3>
<span class="post">网页设计</span>
</div>
<ul class="icon">
<li><a href="#"><i class="fa fa-search"></i></a></li>
<li><a href="#"><i class="fa fa-link"></i></a></li>
</ul>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="box">
<img src="images/img-2.jpg">
<div class="box-content">
<h3 class="title">Miranda Roy</h3>
<span class="post">前端开发</span>
</div>
<ul class="icon">
<li><a href="#"><i class="fa fa-search"></i></a></li>
<li><a href="#"><i class="fa fa-link"></i></a></li>
</ul>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="box">
<img class="img-clip image-clip-5" src="images/img-3.jpg">
<div class="box-content">
<h3 class="title">Steve Thomas</h3>
<span class="post">网站建设</span>
</div>
<ul class="icon">
<li><a href="#"><i class="fa fa-search"></i></a></li>
<li><a href="#"><i class="fa fa-link"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</body>
</html>
纯CSS3实现鼠标滑过图片出现条纹遮罩层动画特效源码.zip （19个子文件） 
132689942327777807 css 
fontawesome-all.min.css 40KB bootstrap-grid.min.css 28KB style.css 2KB images 
img-2.jpg 44KB img-1.jpg 47KB img-3.jpg 45KB fonts fa-solid-900.woff2 49KB fa-brands-400.woff2 60KB fa-brands-400.woff 70KB fa-brands-400.eot 109KB fa-regular-400.woff2 12KB fa-solid-900.eot 130KB fa-regular-400.ttf 30KB fa-regular-400.eot 31KB fa-solid-900.ttf 130KB fa-brands-400.ttf 109KB fa-regular-400.woff 14KB fa-solid-900.woff 0B
index.html 2KB资源评论
易小侠
- 粉丝: 6589
- 资源: 9万+
