Плохо работает css анимация. В чем проблема?

Question

[Muxailo]

Привет)
Ребята, такая проблема.
Пользуюсь animate.css. Есть простая анимация:
@keyframes fadeInRight {
from {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInRight {
animation-name: fadeInRight;
}
.animated {
animation-duration: 1s;
animation-fill-mode: both;
}
Она работает, но когда начинаеться запуск анимации, в окне браузера внизу появляеться полоса, которая уменьшаеться, и к концу анимации пропадает.

Подскажите, как сделать так, чтоб при проиграше анимации она не появлялась)

Answer 1

[Артем Чернявский]

Задай для body{ overflow-x: hidden; } или для родителя элемента на который повешана анимация

Comments

[Muxailo]

спасибо)

[Артем Чернявский]

не за что)