CSS實(shí)現(xiàn)旋轉(zhuǎn)與放大效果

在CSS中，我們可以使用transform屬性來(lái)實(shí)現(xiàn)旋轉(zhuǎn)和放大效果，下面是一些示例代碼，展示如何實(shí)現(xiàn)這兩種效果：

1、旋轉(zhuǎn)效果：

.rotate {
  transform: rotate(45deg);
}

在上面的代碼中，rotate()函數(shù)用于將元素旋轉(zhuǎn)45度，您可以根據(jù)需要調(diào)整角度。

2、放大效果：

.scale {
  transform: scale(2);
}

在上面的代碼中，scale()函數(shù)用于將元素放大2倍，您同樣可以根據(jù)需要調(diào)整放大倍數(shù)。

您可以將這些類應(yīng)用到HTML元素上，以實(shí)現(xiàn)旋轉(zhuǎn)和放大效果。

<div class="rotate">旋轉(zhuǎn)效果</div>
<div class="scale">放大效果</div>

您還可以將旋轉(zhuǎn)和放大效果組合在一起，以實(shí)現(xiàn)更復(fù)雜的效果。

.combined {
  transform: rotate(45deg) scale(2);
}

在上面的代碼中，元素首先旋轉(zhuǎn)45度，然后放大2倍，您可以根據(jù)需要調(diào)整角度和放大倍數(shù)。