Question

我有以下课程：

.rotate
{
  -webkit-transition: all 2s ease-in-out;
  -webkit-transform : rotateY(360deg);
}

我在执行函数调用时应用：

 $('#mydiv').addClass('rotate');

如果我将360deg改为180deg，我似乎是我的div旋转但这是瞬间完成的，而不是超过2秒的时间。所以似乎根本没有应用转换，但转换是。

有什么想法吗？

TIA

JD

更多信息：

明确适用于点击（感谢下面的其他人确认）。

我所拥有的是一个插件（不是我的），允许用户在调用插件的开始时放入动画。该插件在数组中存储div元素列表，然后每5秒循环一次，并将每个元素插入DOM树中（然后删除现有的）。因此，当添加第一个div时，我预计转换将运行。使用插件如下：

      $.jqTests.start({ cyclespeed : 5secs;
                        transitionanimationin : 
                           function(element) {
                           element.removeClass('non-active'); 
                           // display : none is removed.
                           element.addClass('rotate');}
                     });

我发现如果我使用css3动画（带有关键帧），动画就会正确播放。但我似乎无法使用转换来实现转换。

Answer 1

-webkit-transition-duration: 2s;

在CS3中尝试，样式应该是HTML样式。

转换未在CSS3中的旋转元素上运行

1 个答案: