不透明度为 1 到 0 的动画剪辑 jq​​uery 效果

Question

这很简单，我有一个带有剪辑动画的盒子，我想在剪辑效果动画的同一时刻将不透明度从 1 更改为 0。我该怎么办？

我的 jquery 代码是：

$( this ).show(0).delay(700).toggle( "clip" );

Answer 1

当不透明度发生变化时，我会混合使用 CSS 和 jQuery 来产生淡化效果：

您可以将此 CSS 应用于您的元素：

#your-element {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

然后：

$( this ).show(0).delay(700).toggle( "clip" ).css('opacity', '0');