<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>CSS3圆形修边渐变按钮特效</title>
<link rel="stylesheet" href="static/css/style.css">
</head>
<body>
<h1>动画按钮</h1>
<p>悬停动画设计!</p>
<div class="frame">
<button class="custom-btn btn-1">查看更多</button>
<button class="custom-btn btn-2">查看更多</button>
<button class="custom-btn btn-3"><span>查看更多</span></button>
<button class="custom-btn btn-4"><span>查看更多</span></button>
<button class="custom-btn btn-5"><span>查看更多</span></button>
<button class="custom-btn btn-6"><span>查看更多</span></button>
<button class="custom-btn btn-7"><span>查看更多</span></button>
<button class="custom-btn btn-8"><span>查看更多</span></button>
<button class="custom-btn btn-9">查看更多</button>
<button class="custom-btn btn-10">查看更多</button>
<button class="custom-btn btn-11">查看更多<div class="dot"></div></button>
<button class="custom-btn btn-12"><span>Click!</span><span>查看更多</span></button>
<button class="custom-btn btn-13">查看更多</button>
<button class="custom-btn btn-14">查看更多</button>
<button class="custom-btn btn-15">查看更多</button>
<button class="custom-btn btn-16">查看更多</button>
</div>
</body>
</html>
纯CSS3制作的圆形修边渐变按钮动画特效源码.zip
版权申诉
93 浏览量
2022-11-09
22:11:12
上传
评论
收藏 4KB ZIP 举报
毕业_设计
- 粉丝: 1937
- 资源: 1万+
最新资源
- (完整)数据库课程设计餐厅点餐说明书-21ab6d3c8beb172ded630b1c59eef8c75ebf952c.doc
- 2023-04-06-项目笔记 - 第一百五十四阶段 - 4.4.2.152全局变量的作用域-152 -2024.06.04
- 松哥解协议松哥解协议松哥解协议松哥解协议松哥解协议
- 618节日618节日618节日
- tensorflow-gpu-2.9.1-cp37-cp37m-win-amd64.whl
- tensorflow-gpu-2.9.0-cp37-cp37m-win-amd64.whl
- tensorflow-gpu-2.9.0-cp39-cp39-win-amd64.whl
- lcd daimalcd daima
- 电影领域-推荐算法-个性化内容-观影决策-电影推荐小程序.zip
- 电气控制PLC考试题库
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈