在jQuery中设置前缀CSS规则的动画

我正在尝试设置

-webkit转换规则的动画。我试过：

element.children().animate('webkitTransform': "translate3d(200px, 0, 0)", 200);
element.children().animate('WebkitTransform': "translate3d(200px, 0, 0)", 200);
element.children().animate('-webkit-transform': "translate3d(200px, 0, 0)", 200);

我错过了什么

在不使用动画的情况下应用CSS效果良好：

element.children().css('-webkit-transform', "translate3d(200px, 0, 0)");

如果我对非前缀属性（如
marginleft
等）设置动画，动画也可以工作。
这是无效的Javascript。第一个参数必须是对象。我仍然不相信，即使使用正确的语法，也可以设置此属性的动画

element.children().animate({webkitTransform: "translate3d(200px, 0, 0)"}, 200);

本文可能会帮助您解决这个问题：
这是无效的Javascript。第一个参数必须是对象。我仍然不相信，即使使用正确的语法，也可以设置此属性的动画

element.children().animate({webkitTransform: "translate3d(200px, 0, 0)"}, 200);

本文可能会帮助您解决这个问题：
这是无效的Javascript。第一个参数必须是对象。我仍然不相信，即使使用正确的语法，也可以设置此属性的动画

element.children().animate({webkitTransform: "translate3d(200px, 0, 0)"}, 200);

本文可能会帮助您解决这个问题：
这是无效的Javascript。第一个参数必须是对象。我仍然不相信，即使使用正确的语法，也可以设置此属性的动画

element.children().animate({webkitTransform: "translate3d(200px, 0, 0)"}, 200);

本文可能会帮助您解决这个问题：
您无法设置此特定属性的动画，因为它不是数字属性。前缀与此无关。从：

所有已设置动画的属性应设置为单个数值，
除非下文另有说明；大多数非数字属性不能为空
使用基本jQuery功能设置动画

无法设置此特定属性的动画，因为它不是数字。前缀与此无关。从：

所有已设置动画的属性应设置为单个数值，
除非下文另有说明；大多数非数字属性不能为空
使用基本jQuery功能设置动画

无法设置此特定属性的动画，因为它不是数字。前缀与此无关。从：

所有已设置动画的属性应设置为单个数值，
除非下文另有说明；大多数非数字属性不能为空
使用基本jQuery功能设置动画

无法设置此特定属性的动画，因为它不是数字。前缀与此无关。从：

所有已设置动画的属性应设置为单个数值，
除非下文另有说明；大多数非数字属性不能为空
使用基本jQuery功能设置动画