CSS 放大内容：使用 transform 和动画实现

CSS 放大内容：使用 transform 和动画实现

在 CSS 中，可以使用 transform 属性的 scale() 函数来放大元素。例如，要将一个元素放大 1.5 倍，可以使用以下代码：

.element {
  transform: scale(1.5);
}

此外，也可以使用 CSS 动画来实现元素的放大效果。以下是一个简单的放大动画示例：

.element {
  animation: zoom-in 0.5s ease-in-out;
}

@keyframes zoom-in {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}

在上述示例中，通过定义一个名为 'zoom-in' 的动画，将元素从 0 倍放大到 1 倍，动画持续 0.5 秒，缓动函数为 ease-in-out。