css3中旋转的同时也缩放

CSS3中的旋转和缩放都是非常常用的效果，在这篇文章中，我们将讨论如何同时实现旋转和缩放。

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

上面的代码可以同时实现旋转和缩放。其中，rotate控制旋转的角度，scale则控制缩放的大小。两者都可以通过参数调整达到不同的效果。

.transform {
  transform: rotate(45deg) scaleX(0.5) scaleY(1.2);
}

除了scale，我们还可以使用scaleX和scaleY来分别控制水平和垂直方向的缩放。在上面的代码中，我们同时将x轴压缩了一半，y轴拉伸了1.2倍。

.transform {
  transform: rotate(45deg) translate(20px,50px) scale(0.5);
}

除了旋转和缩放，我们还可以通过translate来实现平移。在上面的代码中，我们将元素平移了20像素的水平方向，50像素的垂直方向，然后再将它旋转45度，并缩小了一半。

通过以上例子，我们可以看到，旋转和缩放可以合并使用，同时还可以通过translate来实现更加丰富的效果。我们可以根据实际需求，自由组合这些CSS3属性，创造出更加复杂的效果。