.slider{background:#fff;height:250px;margin:auto;overflow:hidden;position:relative}.slider:before,.slider:after{background:linear-gradient(to right,#fff,#fff0);content:"";height:100%;position:absolute;width:100px;z-index:2}.slider:after{right:0;top:0;-webkit-transform:rotateZ(180deg);transform:rotate(180deg)}.slider:before{left:0;top:0}.slider .slide-track{animation:scroll 20s linear infinite;display:flex;width:1500px}.slider .slide-track:hover{animation-play-state:paused}.slider .slide{height:250px;width:250px}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-750px)}}