css - 浏览器扩展、滑动动画css

Question

我正在尝试为移动设计做一些简单的动画。我想从屏幕外滑入一些元素。它在元素来自左侧时起作用，但在它们来自右侧时不起作用，因为浏览器会扩展。有人能想出一个简单的解决方案吗？

（在 Iphone 大小窗口中查看页面）

http://e-daktik.dk/notesbogfull.html

我的动画如下所示：

.jaeger {
 animation-duration: 3s;
 animation-name: slidein1;
 animation-delay: 1.0s;
 animation-fill-mode: backwards;
}

@keyframes slidein1 {
from {
 margin-left: 100%;
 width: 100%;
 opacity: 0;
}

to {
 margin-left: 0%;
 width: 100%;
 opacity: 1;
}
}

泰。

Answer 1

将 an 设置overflow-x: hidden;为父容器并为其提供 100% 的宽度。这应该隐藏元素，因为它是从右侧滑入的。