Button by Subaashbala
#e8e8e8
1.button { 2 cursor: pointer; 3 font-size: 1.25em; 4 padding: 1em 2em; 5 border-radius: 5px; 6 border: none; 7 position: relative; 8 font-weight: 900; 9 background: repeating-linear-gradient( 10 45deg, 11 rgb(255, 209, 124), 12 rgb(255, 209, 124) 10px, 13 rgb(255, 139, 97) 10px, 14 rgb(255, 139, 97) 20px 15 ); 16 animation: move 500ms infinite linear forwards; 17 animation-play-state: paused; 18 box-shadow: 4px 6px 15px rgba(0, 0, 0, 0.199); 19} 20.button:hover { 21 animation-play-state: running; 22} 23@keyframes move { 24 from { 25 background-position: 0; 26 } 27 to { 28 background-position: 30px; 29 } 30} 31
137 views
137 views
MIT License