有时我们需要在一个元素上设置两个或更多的转换。设置多个转换值时,将它们串在一起,并用空格分隔。在下面这个例子中,元素旋转2deg,并且尺寸缩放到原来的1.05倍。

.h-card { 
transform: rotate(2deg) scale(1.05); }

浏览器是按照从左到右的顺序来执行的。在最后一个例子中,元素先顺时针旋转2deg,然后再把元素尺寸缩放到原来的1.05倍。看看我们应用的这一系列转换实现的效果吧。

1808.tif

1809.tif