css拟态图标，鼠标移动布局变化

共18个文件

png：13个

html：2个

css：2个

需积分: 9 77 浏览量 2022-04-07 16:25:53 上传评论收藏 116KB RAR 举报

资源详情

资源评论

资源推荐

收起资源包目录

布局.rar （18个子文件）

布局

css

nva.css 1KB

nav2.css 2KB

img

images

lz.png 8KB

dx.png 7KB

dh.png 6KB

rl.png 4KB

wx.png 7KB

llq.png 10KB

youtube.png 6KB

txl.png 5KB

QQ.png 9KB

sz.png 8KB

facebook.png 3KB

xc.png 5KB

xj.png 6KB

yuanjiao.html 2KB

index.html 540B

nav.js 86KB

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link href="css/nav2.css" rel="stylesheet" type="text/css"/> </head> <body> <div class="icon">  <div class="box1"> <div class="img"> <img src="./img/images/lz.png" /> </div> <p>录音机</p>  </div> <div class="box1"> <div class="img"> <img src="img/images/wx.png" alt=""/> </div> <p>微信</p> </div> <div class="box1"> <div class="img"> <img src="img/images/rl.png" alt=""/> </div> <p>日历</p> </div> <div class="box1"> <div class="img"> <img src="img/images/sz.png" alt=""/> </div> <p>时钟</p> </div> <div class="box1"> <div class="img"> <img src="img/images/llq.png" alt=""/> </div> <p>浏览器</p> </div> <div class="box1"> <div class="img"> <img src="img/images/dh.png" alt=""/> </div> <p>电话</p> </div> <div class="box1"> <div class="img"> <img src="img/images/xc.png" alt=""/> </div> <p>相册</p> </div> <div class="box1"> <div class="img"> <img src="img/images/xj.png" alt=""/> </div> <p>相机</p> </div> <div class="box1"> <div class="img"> <img src="img/images/dx.png" alt=""/> </div> <p>短信</p> </div> <div class="box1"> <div class="img"> <img src="img/images/txl.png" alt=""/> </div> <p>通讯录</p> </div> <div class="box1"> <div class="img"> <img src="img/images/youtube.png" alt=""/> </div> <p>YouTube</p> </div> <div class="box1"> <div class="img"> <img src="img/images/facebook.png" alt=""/> </div> <p>Facebook</p> </div> <div class="box1"> <div class="img"> <img src="img/images/dh.png" alt=""/> </div> <p>哔哩哔哩动画</p> </div> <div class="box1"> <div class="img"> <img src="img/images/QQ.png" alt=""/> </div> <p>QQ</p> </div> </div> </body> </html>