html：
<view class="in_scro"> <view class="in_scrview">恭喜139******1用户约看特价房</view> <view class="in_scrview">恭喜139******1用户约看特价房</view> <view class="in_scrview">恭喜139******1用户约看特价房</view> <view class="in_scrview">恭喜139******1用户约看特价房</view> <view class="in_scrview">恭喜139******1用户约看特价房</view> <view class="in_scrview">恭喜139******1用户约看特价房</view> </view>
css：
/* 跑马灯 */ .in_scro { height: 150px; width: 80%; margin: 15px auto; overflow: hidden; } .in_scrview { color: #000000; font-size: 15px; height: 30px; line-height: 30px; text-align: center; animation: myMove 2s linear infinite; animation-fill-mode: forwards; } /* .in_scrview:nth-child(even) { color: #686767; font-size: 16px; } */ /*文字无缝滚动*/ @keyframes myMove { 0% { transform: translateY(0); } 50% { transform: translateY(-30px); } 100% { transform: translateY(-60px); } }
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/158678.html
