*{box-sizing:border-box}body{margin:0;background:#0b1020}.shine{position:relative;overflow:hidden}.shine:after{content:"";position:absolute;inset:-60% auto auto -40%;width:40%;height:220%;transform:rotate(25deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);transition:left .55s ease}.shine:hover:after{left:120%}