Wow JS 在页面加载时隐藏元素

Question

我有一个 div 元素，我想在滚动时将其滑出。我已经应用了 slideOutLeft 动画并包含了 data-wow-offset 参数并且动画本身有效，但不幸的是，当我最初加载页面时，动画元素被隐藏了。该元素应该从可见开始，然后向左滑出并隐藏。不知道为什么这不起作用。

 @-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-200%, 0, 0);
    transform: translate3d(-200%, 0, 0);
  }
}

Answer 1

我通过 Github convo 找到了关于同一问题的解决方法

我刚刚补充：

    .wow {
visibility: visible !important;
}

添加到我的 css 文件，该元素在页面加载时不再隐藏。

Wow JS 在页面加载时隐藏元素

Wow JS hiding elements when page is loaded

javascript

css

animation

animate.css

wow.js