css实现字体自动移动

客户需求是顶部公告栏会自动向左移动，如下图：

思路：

最外层view用来布局图标及文字，里面view用来设置文字展示区域超出隐藏，text用来移动文字。

OK，那么接下来开始表演：

html：

<view class="tips">
            <image src="../../static/image/copy.png"></image>
            <view>
                <text>医师联盟提供去水印的工具，文字左右滚动展示，后台可医师联盟提供去水印的工具，文字左右滚动展示，后台可医师联盟提供去水印的工具，文字左右滚动展示，后台可</text>
            </view>
   </view>

css：

使用@keyframes生成动画，在text标签中使用。

animation-name要和@keyframes生成动画一致

animation-duration：设置动画多久执行完毕

animation-timing-function：线性变化速度函数（根据需求可增加）

animation-iteration-count：无限次重复动画