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
neerajbaniwal
