转换未在CSS3中的旋转元素上运行-Java 学习之路

我有以下课程：

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

通过执行调用函数时我应用的：

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

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

有任何想法吗？

TIA

更多信息：

显然只需点击一下（感谢下面的其他人确认） .

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

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

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

1 回答

0
```
-webkit-transition-duration: 2s;
```
在CS3中尝试，样式应该是HTML样式 .
回复于 2024-04-25T05:04:58+08:00

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

1 回答

相关问题