CSS3鼠标滑过图片效果用FontAwesome库实现悬停图标.zip

共11个文件

css：3个

jpg：3个

url：2个

版权申诉

css3

174 浏览量 2022-11-02 23:37:48 上传评论收藏 134KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

CSS3鼠标滑过图片效果用Font Awesome库实现悬停图标.zip （11个子文件）

132674322360147852

likecs.com_132674322366784213

css

fontawesome-all.min.css 40KB

bootstrap-grid.min.css 28KB

style.css 2KB

images

img-2.jpg 15KB

img-1.jpg 33KB

img-3.jpg 17KB

fonts

fa-solid-900.woff2 49KB

fa-solid-900.woff 0B

index.html 2KB

服务器软件.url 112B

每日特卖_淘宝购物返利.url 117B

<!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鼠标滑过图片效果DEMO演示</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> <div style="text-align:center;clear:both;"> <script src="/gg_bd_ad_720x90.js" type="text/javascript"></script> <script src="/follow.js" type="text/javascript"></script> </div> </body> </html>

评论收藏

内容反馈

版权申诉