我正在使用拖放的html5界面。当我拖动一个元素时,目标会获得一个css类,这使得它由于-webkit动画而双向旋转。转换CSS3动画:旋转。获取旋转元件当前角度的方法?
@-webkit-keyframes pulse {
0% { -webkit-transform: rotate(0deg); }
25% { -webkit-transform:rotate(-10deg); }
75% { -webkit-transform: rotate(10deg); }
100% { -webkit-transform: rotate(0deg); }
}
.drag
{
-webkit-animation-name: pulse;
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
}
当我放弃目标时,我希望它采用当前的旋转状态。
我的第一个想法是用jquery和.css(' - webkit-transform')方法检查css属性。但是这个方法只返回'none'。
所以我的问题:有没有办法获得通过动画旋转的元素的当前度数值?
由于到目前为止 亨德里克
此答案适用于CSS3 3DTransforms:http://stackoverflow.com/a/18658090/139361 – Dan 2013-09-06 12:46:17
关于3D矩阵的数学答案可以在这里找到:http://math.stackexchange.com/questions/489298/inverse -3d-transforms-from-matrix-given-end-formula-needed – Dan 2013-09-10 09:33:56