延迟更改css

Question

有没有办法在jQuery中延迟CSS的更改？

使用此代码，我设法逐个淡化元素：

$(".crea-card").each(function(index) {
   $(this).delay(400*index).fadeIn(300);
});

但是使用这个，CSS效果都同时应用：

$(".crea-card").each(function(index) {
      $(this).delay(400*index).css('opacity', 1);
      $(this).delay(400*index).css('transform', 'translate(0,0)');
});

如何延迟它们以使不透明度一个接一个地设置为1？

（我知道CSS和jQuery的表现不一样）

Answer 1

像这样使用：

$(".crea-card").each(function(index) {
  .delay(800)
  .queue(function (next) { 
    $(this).css('opacity', 1); 
    $(this).css('transform', 'translate(0,0)');
    next(); 
  });