当我将元素的过渡设置为：
transition: transform 1s, -webkit-transform 1s, -moz-transform 1s;
-webkit-transition: transform 1s, -webkit-transform 1s, -moz-transform 1s;
-moz-transition: transform 1s, -webkit-transform 1s, -moz-transform 1s;
当其 transform: matrix3d 属性更改时，该元素不会动画。
这支持吗？Mozilla 说 transform 属性可以用于过渡（https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_animated_properties?redirectlocale=en-US&redirectslug=CSS%2FCSS_animated_properties）
为什么它不适合我？
我设置了一个小提琴：http: //jsfiddle.net/diracleo/aFudH/1/
在你的 CSS 规则中，你写了这个：
transition: transform 1s, -webkit-transform 1s, -moz-transform 1s;
-webkit-transition: transform 1s, -webkit-transform 1s, -moz-transform 1s;
-moz-transition: transform 1s, -webkit-transform 1s, -moz-transform 1s;
但是对于应该转换的属性，您应该使用与其中一个匹配的相应供应商前缀transition（如果该属性需要供应商前缀）。
所以它必须看起来像这样：
transition: transform 1s;
-webkit-transition: -webkit-transform 1s;
-moz-transition: -moz-transform 1s;
我将您的代码更改为这个，它似乎工作：
transition: all 1s linear;
-webkit-transition: all 1s linear;
-moz-transition: all 1s linear;