css - 如何过渡仅旋转变换？

Question

我正在使用一堆元素组成背景图像，它们都绝对定位，自由旋转。

问题是，我只想转换那些对象的旋转，而不是顶部或左侧属性。显然 transition: transform 30s; 是不允许的。我有一个绝妙的主意:

transition:all 30s ease-out;
transition: left 0s;
transition: top 0s;

但这也行不通。我该如何解决这个问题？

Answer 1

Transform 是供应商前缀

代替

transition:all 30s ease-out;
transition: left 0s;
transition: top 0s;

做

-webkit-transition: -webkit-transform $amount-of-time ease-out;
-moz-transition:    -moz-transform $amount-of-time ease-out;
-o-transition:      -o-transform $amount-of-time ease-out;
-ms-transition:     -ms-transform $amount-of-time ease-out;
transition:         transform $amount-of-time ease-out;