相关疑难解决方法(0)

变换上的CSS3动画:旋转.获取旋转元件的当前度数的方法?

我正在使用拖放的html5界面.当我拖动一个元素时,目标会获得一个css类,这使得它由于-webkit-animation而双向旋转.

@-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;
}
Run Code Online (Sandbox Code Playgroud)

当我放下目标时,我希望它采用当前的旋转状态.

我的第一个想法是用jquery和.css(' - webkit-transform')方法检查css属性.但是这种方法只返回'none'.

所以我的问题是:有没有办法获得通过动画旋转的元素的当前度数值?

谢谢Hendrik

html5 animation drag-and-drop transform css3

7
推荐指数
1
解决办法
5880
查看次数

标签 统计

animation ×1

css3 ×1

drag-and-drop ×1

html5 ×1

transform ×1