7种CSS3鼠标hover图片效果.zip资源-CSDN文库

共19个文件

html：7个

jpg：7个

css：3个

版权申诉

javascript

jQuery

html5

25 浏览量 2022-11-16 21:20:57 上传评论收藏 204KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

7种CSS3鼠标hover图片效果.zip （19个子文件）

7种CSS3鼠标hover图片效果

7种CSS3鼠标hover图片效果.jpg 50KB

jiaoben5143

css

magic.min.css 76KB

normalize.css 2KB

main.css 2KB

open.html 4KB

img

2.jpg 25KB

1.jpg 20KB

6.jpg 25KB

3.jpg 19KB

5.jpg 13KB

4.jpg 15KB

index.html 4KB

bomb.html 3KB

jquery-1.11.0.min.js 94KB

main.js 339B

tin.html 4KB

rotate.html 3KB

slide.html 3KB

perspective.html 4KB

<!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>7种CSS3鼠标hover图片效果 - 网页模板</title> <link rel="stylesheet" type="text/css" href="css/normalize.css" /> <link rel="stylesheet" href="css/main.css" /> <link rel="stylesheet" href="css/magic.min.css" /> </head> <body> <ul id="nav"> <li class="current"><a href="index.html">Puff</a></li> <li><a href="open.html">Open</a></li> <li><a href="perspective.html">Perspective</a></li> <li><a href="rotate.html">Rotate</a></li> <li><a href="slide.html">Slide</a></li> <li><a href="tin.html">Tin</a></li> <li><a href="bomb.html">Bomb</a></li> </ul> <div class="container"> <div class="box"> <div class="box-content"> <div class="box-wrapper"> God in Creation<span class="name">Matt Scribner</span> <div class="row">92 likes - 1,410 views</div> </div> </div> <div class="box-overlay magictime" data-hover="puffOut" data-return="puffIn"> <img src="img/1.jpg" alt="" /> </div> <a class="link" href="#" target="_blank"></a> </div> <div class="box"> <div class="box-content"> <div class="box-wrapper"> Zephaniah 3:17<span class="name">Matt Scribner</span> <div class="row">119 likes - 1,826 views</div> </div> </div> <div class="box-overlay magictime" data-hover="puffOut" data-return="puffIn"> <img src="img/2.jpg" alt="" /> </div> <a class="link" href="#" target="_blank"></a> </div> <div class="box"> <div class="box-content"> <div class="box-wrapper"> Rejoice Always<span class="name">Matt Scribner</span> <div class="row">135 likes - 1,296 views</div> </div> </div> <div class="box-overlay magictime" data-hover="puffOut" data-return="puffIn"> <img src="img/3.jpg" alt="" /> </div> <a class="link" href="#" target="_blank"></a> </div> <div class="box"> <div class="box-content"> <div class="box-wrapper"> Colossians 1:16<span class="name">Matt Scribner</span> <div class="row">123 likes - 1,492 views</div> </div> </div> <div class="box-overlay magictime" data-hover="puffOut" data-return="puffIn"> <img src="img/4.jpg" alt="" /> </div> <a class="link" href="#" target="_blank"></a> </div> <div class="box"> <div class="box-content"> <div class="box-wrapper"> Be A Man!<span class="name">Matt Scribner</span> <div class="row">84 likes - 1,157 views</div> </div> </div> <div class="box-overlay magictime" data-hover="puffOut" data-return="puffIn"> <img src="img/5.jpg" alt="" /> </div> <a class="link" href="#" target="_blank"></a> </div> <div class="box"> <div class="box-content"> <div class="box-wrapper"> Philippians 4:13<span class="name">Matt Scribner</span> <div class="row">77 likes - 1,017 views</div> </div> </div> <div class="box-overlay magictime" data-hover="puffOut" data-return="puffIn"> <img src="img/6.jpg" alt="" /> </div> <a class="link" href="#" target="_blank"></a> </div> </div> <script src="js/jquery-1.11.0.min.js" type="text/javascript"></script> <script src="js/main.js"></script> <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';"> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <p>适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p> <p>来源：<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p> </div> </body> </html>

评论收藏

内容反馈

版权申诉