我有一个 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);
}
}