@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(calc(-500px * 8.5))}}.slider{background-color:#fff;height:100px;overflow:hidden;position:relative;&:after,&:before{background:linear-gradient(90deg,rgba(255,255,255,1) 0,rgba(255,255,255,0));content:"";height:100px;position:absolute;width:200px;z-index:2;top:0}&:after{right:0;transform:rotate(180deg)}&:before{left:0}.slide-track{animation:scroll 40s linear infinite;display:flex;width:calc(500px * 17)}.slide{height:100px;width:500px}}