css3实现的七款超酷鼠标悬浮特效源码.zip资源-CSDN文库

共18个文件

html：7个

jpg：6个

css：3个

版权申诉

css3

154 浏览量 2022-11-02 23:36:07 上传评论收藏 169KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

css3实现的七款超酷鼠标悬浮特效源码.zip （18个子文件）

132689893439445030

css

magic.min.css 76KB

normalize.css 15KB

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 4KB

jquery.1.10.2.min.js 91KB

main.js 339B

tin.html 4KB

rotate.html 4KB

slide.html 4KB

perspective.html 4KB

<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>css3 鼠标悬浮特效 | html5图片悬浮特效| 网页特效库</title> <meta name="keywords" content="SVG特效, 手机微信网站特效, css3动画, html5特效, 网页特效" /> </head> <body> <ul id="nav"> <li><a href="index.html">Puff</a></li> <li><a href="open.html">Open</a></li> <li class="current"><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="perspectiveLeft" data-return="perspectiveLeftRetourn"> <img src="img/1.jpg" alt="" /> </div> <a class="link" href="https://dribbble.com/shots/1516643-God-in-Creation" 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="perspectiveUp" data-return="perspectiveUpRetourn"> <img src="img/2.jpg" alt="" /> </div> <a class="link" href="https://dribbble.com/shots/1120386-Zephaniah-3-17" 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="perspectiveRight" data-return="perspectiveRightRetourn"> <img src="img/3.jpg" alt="" /> </div> <a class="link" href="https://dribbble.com/shots/854408-Rejoice-Always" 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="perspectiveLeft" data-return="perspectiveLeftRetourn"> <img src="img/4.jpg" alt="" /> </div> <a class="link" href="https://dribbble.com/shots/907170-Colossians-1-16" 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="perspectiveDown" data-return="perspectiveDownRetourn"> <img src="img/5.jpg" alt="" /> </div> <a class="link" href="https://dribbble.com/shots/789907-BE-A-MAN" 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="perspectiveRight" data-return="perspectiveRightRetourn"> <img src="img/6.jpg" alt="" /> </div> <a class="link" href="https://dribbble.com/shots/512363-Philippians-4-13" target="_blank"></a> </div> </div> <div style="width: 100%; height: 50px; line-height: 50px; text-align: center; display: none;"> 更多网页特效，请访问<a href="http://www.5iweb.com.cn"><b>网页特效库</b></a>,欢迎加入网页特效库QQ交流群：258242983 </div> </body> <script src="js/jquery.1.10.2.min.js"></script> <script src="js/main.js"></script> <link rel="stylesheet" href="css/normalize.css" /> <link rel="stylesheet" href="css/main.css" /> <link rel="stylesheet" href="css/magic.min.css" /> </html>

评论收藏

内容反馈

版权申诉