CSS3 分页

CSS3 分页通常指的是使用 CSS3 创建分页效果，这可以通过变换或过渡来实现。以下是一个简单的例子，使用 CSS3 制作一个简单的分页效果：

HTML:

<div class="pagination">
  <a href="#" class="page active">1</a>
  <a href="#" class="page">2</a>
  <a href="#" class="page">3</a>
</div>

CSS:

.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}
 
.page {
  margin: 0 5px;
  padding: 5px 10px;
  border: 1px solid #ccc;
  text-decoration: none;
  color: #333;
  transition: transform 0.3s ease-in-out;
}
 
.page.active {
  font-weight: bold;
}
 
.page:hover {
  transform: scale(1.1);
}

在这个例子中，.pagination 是一个包含分页链接的容器。.page 类定义了分页的基本样式，并且使用了 transition 属性来制作平滑的过渡效果。.page.active 是当前激活页的样式，.page:hover 是鼠标悬停时分页的变换样式。