Javascript 滚动问题上的航路点、animate.css和不透明度

我正在使用waypoints.js和animate.css在向下滚动时为页面上的元素设置动画。我想知道如何将内置的不透明度属性合并到animate.css框架中。在我的小提琴中，你可以看到apon如何从顶部或底部进入屏幕，我的图像将产生动画效果，但我如何使其淡入淡出。注意，在第二张图片上，它是如何淡入淡出，但在第一张图片上闪烁，看起来有点浮躁

以下是我的javascript：

//Animate from top
$('.animated').waypoint(function() {
$(this).toggleClass($(this).data('animated'));
},
{ offset: 'bottom-in-view' });
//Animate from bottom
$('.animated').waypoint(function() {
$(this).toggleClass($(this).data('animated'));
});

或

---

需要做的就是在img中添加不透明度：0