使用不透明度1到0动画剪辑jquery效果

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');