公告通知栏无缝滚动

<div class="notice">
   <div class="inner">
      <span>麻烦给我的爱人来一杯Mojito 我喜欢阅读她微醺时的眼眸 而我的咖啡 糖不用太多 这世界已经因为她甜得过头 没有跟她笑容一样浓郁的雪茄</span>
      <span>麻烦给我的爱人来一杯Mojito 我喜欢阅读她微醺时的眼眸 而我的咖啡 糖不用太多 这世界已经因为她甜得过头 没有跟她笑容一样浓郁的雪茄</span>
   </div>
</div>
    

.notice {
  height: 24px;
  line-height: 24px;
  white-space: nowrap;
  font-size: 14px;
  transform: translate3d(0, 0, 0);
  
}
.inner {
  display: inline-block;
  animation: moveAni 15s infinite linear normal;
}
@keyframes moveAni{
  0% {transform: translateX(0);}
  100% {transform: translateX(-50%);}
}