有时我们需要在一个元素上设置两个或更多的转换。设置多个转换值时,将它们串在一起,并用空格分隔。在下面这个例子中,元素旋转2deg,并且尺寸缩放到原来的1.05倍。
2deg
1.05
.h-card { transform: rotate(2deg) scale(1.05); }
浏览器是按照从左到右的顺序来执行的。在最后一个例子中,元素先顺时针旋转2deg,然后再把元素尺寸缩放到原来的1.05倍。看看我们应用的这一系列转换实现的效果吧。