<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS3动画按钮导航菜单特效</title>
<link rel="stylesheet" href="css/button.min.css" />
</head>
<body><script src="/demos/googlegg.js"></script>
<div id="workarea">
<div class="position">
<!--start button, nothing above this is necessary -->
<div class="svg-wrapper">
<svg height="40" width="150" xmlns="http://www.w3.org/2000/svg">
<rect id="shape" height="40" width="150" />
<div id="text">
<a href=""><span class="spot"></span>Button 1</a>
</div>
</svg>
</div>
<!--Next button -->
<div class="svg-wrapper">
<svg height="40" width="150" xmlns="http://www.w3.org/2000/svg">
<rect id="shape" height="40" width="150" />
<div id="text">
<a href=""><span class="spot"></span>Button 2</a>
</div>
</svg>
</div>
<!--Next button -->
<div class="svg-wrapper">
<svg height="40" width="150" xmlns="http://www.w3.org/2000/svg">
<rect id="shape" height="40" width="150" />
<div id="text">
<a href=""><span class="spot"></span>Button 3</a>
</div>
</svg>
</div>
<!--End button -->
<div style="text-align:center;margin:150px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器:360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p>
<p>更多源码:<a href="http://www.96flw.com/" target="_blank">www.96flw.com</a></p>
</div>
</div>
</div>
</body>
</html>
CSS3动画按钮导航菜单特效.zip
版权申诉
27 浏览量
2023-09-23
09:55:16
上传
评论
收藏 1KB ZIP 举报
![avatar](https://profile-avatar.csdnimg.cn/b3bd63a7903244e481cc7ae79fad9368_qq_41221596.jpg!1)
码云笔记
- 粉丝: 2w+
- 资源: 5851
最新资源
- Delphi 12 控件之ReportBuilder v22.04 for D10.2-D12 Athens + CRACK.7
- 免费的视频压缩软件,可以根据大小,分辨率自动压缩视频,简单易用
- stm32+lcd1602
- C++航天摄影测量(卫星)RPC参数求解【完整源代码及测试数据】
- 华为ensp数通实验拓扑图
- 局域网教学软件,可以局域网讲解,学生可以直接观看老师的画面,非常好用!
- 富文本框word导出所需jar包poi-tl-1.12.0
- 人人影视 机器人和网站,包含人人影视全部资源以及众多网友的网盘分享
- 固定快捷方式到开始菜单任务栏
- 12306 购票助手,支持集群,多账号,多任务购票以及 Web 页面管理
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
![feedback](https://img-home.csdnimg.cn/images/20220527035711.png)
![feedback](https://img-home.csdnimg.cn/images/20220527035711.png)
![feedback-tip](https://img-home.csdnimg.cn/images/20220527035111.png)