<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>按钮</title>
<style>
.box{
height: 2000px;
width: 2000px;
background: black;
padding: 0;
margin: 0;
}
.bto{
padding: 0;
margin: 0;
width: 100px;
height: 35px;
background-color: aquamarine;
border-radius: 50px;
position: absolute;
left: 50%;
top: 50%;
}
.bto:hover {
transition: all 1s linear 0.2s;
cursor: pointer;
background: radial-gradient(aquamarine 15px,white 70px);
}
.bto:active {
transition: all 0s linear 0s;
background: pink;
}
</style>
</head>
<body>
<div class="box">
<div class="bto"></div>
</div>
</body>
</html>
平常状态
悬停状态
点击状态
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
