@nutui/nutui/dist/packages/barrage/index.css

京东风格的轻量级移动端 Vue2、Vue3 组件库（支持小程序开发）

.nut-barrage{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;box-sizing:border-box;--move-distance: "300%"}.nut-barrage__item{width:100px;display:block;position:absolute;right:0;padding:3px 25px;border-radius:50px;font-size:12px;text-align:center;white-space:pre;transform:translateX(100%);background:linear-gradient(to right, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0))}.nut-barrage__item.move{will-change:transform;animation-name:moving;animation-timing-function:linear;animation-play-state:running}@keyframes moving{from{transform:translateX(100%)}to{transform:translateX(var(--move-distance))}}@-webkit-keyframes moving{from{-webkit-transform:translateX(100%)}to{transform:translateX(var(--move-distance))}}.nut-theme-dark .nut-barrage .nut-barrage__item{color:var(--nut-dark-color-gray, var(--nut-text-color, #808080))}