专栏名称: 枫瑞博客网
代表开源作品:灵沐,星宿UI荣获取《 2020开发者大赛Top 10》,uni星芒,星尘UI;
今天看啥  ›  专栏  ›  枫瑞博客网

小程序纯CSS实现用户中奖名单无限滚动 + JS随机生成中奖用户名称

枫瑞博客网  · 公众号  ·  · 2024-09-09 12:45

文章预览

因为世界上没有送不走的痛苦,也没有迎不来的快乐 CSS无限滚动中奖人员名单,保持一个理念能用css实现的东西坚决不用js; 滚动的核心3个容器和animation动画 < template > < view > < view class = "one" > < view class = "two" > view >        < view   class = "two" > view > view > view > template > < style > .two { animation : myAnimation 16s infinite linear; width : 100% ;   } /* 滚动动画 */ @ keyframes myAnimation { from { transform : translate (0px, 0%);     } to { transform : translate (0px, -100%); } } style > #  预览 # 案例 可直接复制代码到uni-app项目中预览,或者手动修改for循环也可以在原生小程序中预览 < template > < view > < view class = "title" > 中奖名单 view > < view class = "swier" > < view class = "swier-gun" > < view class ………………………………

原文地址:访问原文地址
快照地址: 访问文章快照
总结与预览地址:访问总结与预览