<!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>
分页按钮过渡效果
最新推荐文章于 2024-07-14 10:34:53 发布