@Mohammed动画-使用jQuery的动态解决方案。
这是一个简单的普通JS解决方案，使用Animate.css、Waypoints和几行css：
浏览器：

//https://stackoverflow.com/a/74810616/3929620
//https://stackoverflow.com/a/32677672/3929620
//https://stackoverflow.com/a/69614783/3929620
const animateList = [].slice.call(document.querySelectorAll('.__animate__animated'))
animateList.map(function (animateEl) {
    new Waypoint({
        element: animateEl,
        offset: 'bottom-in-view',
        handler: function(direction) {
            animateEl.classList.replace('__animate__animated', 'animate__animated')
            animateEl.classList.replace('__animate__fadeIn', 'animate__fadeIn')
            this.destroy()
        },
    })
})

CSS：

.__animate__animated.__animate__fadeIn {
    opacity: 0;
}

网页：

<div class="__animate__animated __animate__fadeIn">
    <!-- your code here -->
</div>

任何改进都是受欢迎的！）

css似乎没有提供滚动动画功能，这通常需要javascript，所以你最好添加你自己的window.scroll事件，它检查你的h2是否在视口中可见，然后添加animate__rotateInDownLeft类。

在animate.css库中没有这样的特性，你需要使用javascript/Jquery做一些调整和技巧，得到你想要的。
我在这样的图书馆工作了几天，并设法以某种方式使一个稳定的图书馆。
访问animate-dynamic.ga
Github animate-dynamic处理器
对于任何疑问，请注解。
对于图书馆的任何困难，请随时创建问题。