Button by vinodjangid07
#e8e8e8
1.button { 2 display: flex; 3 align-items: center; 4 justify-content: center; 5 gap: 10px; 6 width: 100px; 7 height: 40px; 8 font-size: 15px; 9 font-weight: 600; 10 color: white; 11 border: none; 12 background-size: 200% 200%; 13 background-color: #99fff7; 14 background-image: radial-gradient( 15 at 65% 89%, 16 hsla(249, 100%, 62%, 1) 0px, 17 transparent 50% 18 ), 19 radial-gradient(at 68% 76%, hsla(334, 100%, 74%, 1) 0px, transparent 50%), 20 radial-gradient(at 52% 39%, hsla(34, 100%, 71%, 1) 0px, transparent 50%), 21 radial-gradient(at 12% 37%, hsla(282, 100%, 66%, 1) 0px, transparent 50%), 22 radial-gradient(at 34% 9%, hsla(201, 100%, 63%, 1) 0px, transparent 50%), 23 radial-gradient(at 89% 18%, hsla(193, 100%, 74%, 1) 0px, transparent 50%), 24 radial-gradient(at 36% 37%, hsla(251, 100%, 65%, 1) 0px, transparent 50%); 25 background-position: left; 26 cursor: pointer; 27 border-radius: 10px; 28 transition: all 3s; 29} 30 31.button:hover { 32 background-position: right; 33} 34
284 views
284 views
MIT License