jquery - 如何在计时器上调用3D翻转效果

我喜欢这种翻转代码，因为它在翻转动画期间甚至可以保留HTML表的透视图，而且它是纯CSS3。我只是想知道您将如何在计时器而不是悬停时进行此翻转。

这是我正在使用的JSFiddle：

FLIP ON TIMER - JSFIDDLE

它应该是3或4秒计时器，并且会在多个div上发生，因此可以使用以下代码：

$('.row').each(function(i){
    var row = $(this);
  setTimeout(function() {
          row.toggleClass('flip', !row.hasClass('flip'));
      }, 1500*i);

});

我非常想知道您的感觉是最好的方法。谢谢

最佳答案

最有可能的不是您想要的，但是让我们尝试一下:-)
我补充说：

flip-container:hover .flipper, .flip-container.hover .flipper, #flip-toggle.flip .flipper {
    -webkit-transition: -webkit-transform 1s 2s;
    transition: transform 1s 2s;
}

结果为this（悬停时的延迟过渡；将在2悬停后2秒发生）

关于jquery - 如何在计时器上调用3D翻转效果，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19337876/