Javascript jQuery：使用CSS设置动态元素的动画？

我正在尝试使用jquery和CSS为页面上的元素设置动画

元素是使用jquery动态创建的

我遇到的问题是，这些元素根本没有正确地设置动画。它们实际上是在眨眼，来回移动，然后设置动画，这是不需要的

这是一个更好地解释问题的实用工具：

这就是我试图实现的动画类型：

这是我的整个jquery代码：

$.each($('.images '), function(i, el){
    $(el).css({'opacity':0});
    setTimeout(function(){
       $(el).animate({

         '-webkit-animation-delay': i+'s',
         'animation-delay': i+'s',
         'opacity':1.0
       }, 450);
    },500 + ( i * 500 ));
//add delay 3s 
i+1000;
});

---

有人能就这个问题提出建议吗？

这应该是你想要的效果的一个很好的起点

我把动画移到了课堂上。没有必要指定css动画延迟。我们只需要在循环和超时中应用类

$.each($('.images '), function(i, el){
    setTimeout(function(){
       $(el).addClass('animate');
    },500 + ( i * 500 ));
//add delay 3s 
i+1000;
});

Perfecto amigo:）谢谢你。