css3水平滚动

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/jbguo/article/details/82344165

.marquee {
  height: 2rem;
  width: 100%;
  line-height: 2rem;
  background: #FFF5E3;
  color: #FF9D00;
  padding: 0 .7rem;
  font-size: .8rem;
  overflow: hidden;
  position: relative;
  div {
    display: block;
    width: 300%;
    height: 2rem;
    position: absolute;
    overflow: hidden;
    animation: marquee 10s linear infinite;
    span {
      float: left;
      width: 50%;
    }
  }
}