test-nut-ui/dist/esm/Barrage/style/style.css

<p align="center"> <img alt="logo" src="https://img11.360buyimg.com/imagetools/jfs/t1/211965/25/7152/22022/61b16785E433119bb/aa41d7a9f7e823f3.png" width="150" style="margin-bottom: 10px;"> </p>

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