css - 如何使此背景图像成为流畅的动画

Question

如何制作无缝动画？截至目前，它会在部分动画期间跳跃。

JSFIDDLE (Chrome)

.poster
{
width: 178px;
height: 257px;
background-color: #212121;
background-size: 100px 100px;
background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
-webkit-animation: backgroundmove infinite 2s linear;
}

@-webkit-keyframes backgroundmove {
from {
    background-position: left;
}

to {
    background-position: right;
}
}

Answer 1

尝试将动画值更改为:

@-webkit-keyframes backgroundmove {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 0 100px;
    }
}

fiddle 引用:http://jsfiddle.net/tehtrav/Pcn5w/1/