CSS3选框效果性能问题

Question

我使用translate3d滚动文本，但效果会受到性能问题的影响。有一些额外的效果同时运行，有时文本不能平滑滚动，即使是快速的计算机。有任何改进的想法吗？

JSFiddle

HTML：

<p><span>Lorem ipsum...</span></p>

CSS：

p {
    box-sizing: border-box;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
}

span {
    -webkit-animation: marquee 70s linear infinite;
    display: inline-block;
    padding-left: 100%;
}

@-webkit-keyframes marquee {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
    }
}