CSS pending label or button

label.disabled, button.disabled{ pointer-events: none; } label.disabled::before, button.disabled::before{ content: ''; position: absolute; left: 0;right: 0;top: 0;bottom: 0; background: repeating-linear-gradient(-45deg,#eee,#eee 20px,#ddd 20px,#ddd 40px); background-size:56px 56px;/* This is unique for this background, need to find a pattern and develop a formula */ background-position-x:0%; animation: form_pending 5s infinite linear; opacity: .5; } @keyframes form_pending { 0%{ background-position-x:0%; } 100% { background-position-x:200%; } }