Button by neerajbaniwal
#212121
1.btn-shine { 2 position: absolute; 3 top: 50%; 4 left: 50%; 5 transform: translate(-50%, -50%); 6 padding: 12px 48px; 7 color: #fff; 8 background: linear-gradient(to right, #9f9f9f 0, #fff 10%, #868686 20%); 9 background-position: 0; 10 -webkit-background-clip: text; 11 -webkit-text-fill-color: transparent; 12 animation: shine 3s infinite linear; 13 animation-fill-mode: forwards; 14 -webkit-text-size-adjust: none; 15 font-weight: 600; 16 font-size: 16px; 17 text-decoration: none; 18 white-space: nowrap; 19 font-family: "Poppins", sans-serif; 20} 21@-moz-keyframes shine { 22 0% { 23 background-position: 0; 24 } 25 60% { 26 background-position: 180px; 27 } 28 100% { 29 background-position: 180px; 30 } 31} 32@-webkit-keyframes shine { 33 0% { 34 background-position: 0; 35 } 36 60% { 37 background-position: 180px; 38 } 39 100% { 40 background-position: 180px; 41 } 42} 43@-o-keyframes shine { 44 0% { 45 background-position: 0; 46 } 47 60% { 48 background-position: 180px; 49 } 50 100% { 51 background-position: 180px; 52 } 53} 54@keyframes shine { 55 0% { 56 background-position: 0; 57 } 58 60% { 59 background-position: 180px; 60 } 61 100% { 62 background-position: 180px; 63 } 64} 65
927 views
927 views
MIT License