载入页面时，哇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文件，该元素在页面加载时不再隐藏。