.gradientBanner { position: relative } .gradientBanner:after { content: ''; opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff; animation: animate-shine 3s ease-out infinite } @keyframes animate-shine { 0% { opacity: .1; width: 0 } 50% { opacity: .5 } 100% { opacity: 0; width: 100% } } .gradientBanner { font-size: 80%; font-weight: 400; font-style: normal; padding: 1px 10px; padding: 1px 3px; border: 1px solid transparent; border-radius: 2px; text-align: center; display: inline-block } .gradientBanner.green { box-shadow: 0px 0px 5px #4caf50; background-color: #4CAF50; border-color: #4CAF50; color: #fff }