Css 3シームレスな転がりは手ぶれを防ぎます.

問題
写真は文字のシームレスなスクロールをプラスして、携帯端末での効果は全体的にまあまあですが、携帯電話のブラウザではピクチャーが震えてべたべたします.
書き方を誤る
left、magin-leftは使えません.このような書き方です.

.donghua.active{
  animation: scoll ease-in-out 1s infinite alternate;
  -webkit-animation: scoll ease-in-out 1s infinite alternate;
}
@keyframes scoll  {
  from {
    left: 0;
  }
  to {
    left: -353px;
  }
}
-webkit-@keyframes scoll  {
  from {
    left: 0;
  }
  to {
    left: -353px;
  }
}

方法
中のある元素は携帯の端でぶるぶる震えるといううんざりさを二次元のトレイに変えます.

.donghua.active{
  animation: scoll ease-in-out 1s infinite alternate;
  -webkit-animation: scoll ease-in-out 1s infinite alternate;
}
@keyframes scoll {
  0% {
    transform: translate(0px, 0px);
  }

  100% {
    transform: translate(0px, -353px);
  }
}
@-webkit-keyframes scoll {
  0% {
    transform: translate(0px, 0px);
  }

  100% {
    transform: translate(0px, -353px);
  }
}

chromeブラウザの性能分析