Tag: rotatetransform

使用Javascript / jQuery获取rotate3d值

具有以下转换的元素： style=”transform: rotate3d(1, 0, 0, -50deg);” 我希望能够使用Javascript / jQuery获得-50的值。 我想得到绝对值，所以如果它是370deg，我不想得到10，而是370。 使用$(‘#element’).css(‘transform’)返回如下矩阵： matrix3d(1, 0, 0, 0, 0, 0.642788, -0.766044, 0, 0, 0.766044, 0.642788, 0, 0, 0, 0, 1) 哪个可以更好地表示为： matrix3d( 1, 0, 0, 0, 0, 0.642788, -0.766044, 0, 0, 0.766044, 0.642788, 0, 0, 0, 0, 1 ) 解决方程是获得这个值的唯一方法吗？ 知道Z = 0和X = 1为rotate3d（1,0,0，-50deg）; 没有更快的替代方案吗？

如何在不使用css转换的情况下将jQuery动画与css3属性结合起来？

在这个例子中; 我正在尝试使用css3 rotate属性创建一个jQuery动画。 我可以用css3 transition和jQuery css()来管理这个动画，但是我想用jQuery animate()根据我的jQuery variatons来旋转deg值。 是否可以使用jQuery 1.8.0的css3属性值进行动画处理？ 这是jsFiddle检查。 jQuery的： var rotateVal = 90; //this method isn’t working $(‘.red’).animate({ ‘transform’:’rotate(‘+rotateVal+’deg)’ },500); //this way works but i don’t want to do this with transitions $(‘.black’).css({ ‘transform’:’rotate(‘+rotateVal+’deg)’, ‘transition’:’1s’ });​ HTML： 编辑：删除了供应商前缀，例如-webkit- 。 感谢Kevin B.