#e8e8e8
1button { 2 border: none; 3 color: #fff; 4 background-image: linear-gradient(30deg, #0400ff, #4ce3f7); 5 border-radius: 20px; 6 background-size: 100% auto; 7 font-family: inherit; 8 font-size: 17px; 9 padding: 0.6em 1.5em; 10} 11 12button:hover { 13 background-position: right center; 14 background-size: 200% auto; 15 -webkit-animation: pulse 2s infinite; 16 animation: pulse512 1.5s infinite; 17} 18 19@keyframes pulse512 { 20 0% { 21 box-shadow: 0 0 0 0 #05bada66; 22 } 23 24 70% { 25 box-shadow: 0 0 0 10px rgb(218 103 68 / 0%); 26 } 27 28 100% { 29 box-shadow: 0 0 0 0 rgb(218 103 68 / 0%); 30 } 31}
9.5K views
9.5K views
Comments
Variations
1 MIT License