<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<style>
li{
float:left;
width:30px;
list-style:none;
height:30px;
border:1px solid red;
text-align:center;
line-height: 30px;
border-radius: 50%;
margin:10px;
transition:all 0.5s;
}
li:hover{
transform:scale(1.2);
}
</style>
<body>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
</ul>
</body>
</html>
(分页按钮过渡)
于 2022-05-28 21:02:41 首次发布