Card by devkatyall
#212121
1.shine { 2 font-size: 2em; 3 font-weight: 900; 4 color: rgba(255, 255, 255, 0.3); 5 background: #222 -webkit-gradient( 6 linear, 7 left top, 8 right top, 9 from(#222), 10 to(#222), 11 color-stop(0.5, #fff) 12 ) 0 0 no-repeat; 13 background-image: -webkit-linear-gradient( 14 -40deg, 15 transparent 0%, 16 transparent 40%, 17 #fff 50%, 18 transparent 60%, 19 transparent 100% 20 ); 21 -webkit-background-clip: text; 22 -webkit-background-size: 50px; 23 -webkit-animation: zezzz; 24 -webkit-animation-duration: 5s; 25 -webkit-animation-iteration-count: infinite; 26} 27@-webkit-keyframes zezzz { 28 0%, 29 10% { 30 background-position: -200px; 31 } 32 20% { 33 background-position: top left; 34 } 35 100% { 36 background-position: 200px; 37 } 38} 39
528 views
528 views
MIT License