css跑马灯

css3之前使用js实现

         <div style="padding: 0 1rem;">
                <div id="container_small_tip">
                    <div id="content_small_tip">div>
                div>
            div>    

使用css3 animation

 .news-move {
  position: absolute;
  top: 0;
  left: 990px;
  width: 150%;
  animation: move 25s linear 0s infinite normal ;
  cursor: pointer;
}

//鼠标hover跑马灯静止
.news-move:hover {
  animation-play-state: paused;
}