@keyframes infinite-move{0%{background-position:calc(100px / sin(120deg)) 0}}.bar{height:30px;position:relative}.bar,.bar:before{border-radius:12px}.bar:before{content:"";height:100%;width:100%;left:0;position:absolute;z-index:-1;background:repeating-linear-gradient(120deg,rgba(253,247,94,1),rgba(235,171,171,1),rgba(99,224,242,1),rgba(162,112,248,1),rgba(253,247,94,1) 100px);background-size:calc(100px / sin(120deg)) 100%;animation:infinite-move 1s linear infinite reverse}