浏览器扩展，滑动动画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;
}
}

TY。

Answer 1

将overflow-x: hidden;设置为父容器，并将其宽度设为100％。这应该隐藏元素，就像从右边滑入。