纯Css实现文字无缝衔接横向滚动

一开始使用了uniApp里面的组件uni-notice-bar，太难用了，速度不知道为什么贼快，添加了speed属性之后还是特别快，于是决定自己写一个。

直接上代码！！！

				<view class="scrolling">
					<text>{{text1}}</text>
				</view>

.scrolling {
      overflow: hidden;
      white-space: nowrap;
      width: 80%;
      text{
          display: inline-block;
          padding-left: 100%;
          animation: marquee 15s linear infinite; /* 调整动画时长和效果 */
      }
      @keyframes marquee {
        0% {
          transform: translateX(0);
        }
        100% {
          transform: translateX(-100%);
        }
      }
    }