jquery - 延迟更改 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(); 
  });