left的改变会在渲染的过程中导致reflow,所以用transform。
.danmu { position: fixed; width: 100%; top: 10px; left: 100%; animation: danmu 10s linear 0s 1;}@keyframes danmu { from { transform: translateX(0); } to { transform: translateX(-200%); }}
left的改变会在渲染的过程中导致reflow,所以用transform。
.danmu { position: fixed; width: 100%; top: 10px; left: 100%; animation: danmu 10s linear 0s 1;}@keyframes danmu { from { transform: translateX(0); } to { transform: translateX(-200%); }}