#212121
1button { 2 width: 165px; 3 height: 62px; 4 cursor: pointer; 5 color: #fff; 6 font-size: 17px; 7 border-radius: 1rem; 8 border: none; 9 position: relative; 10 background: #100720; 11 transition: 0.1s; 12} 13 14button::after { 15 content: ''; 16 width: 100%; 17 height: 100%; 18 background-image: radial-gradient( circle farthest-corner at 10% 20%, rgba(255,94,247,1) 17.8%, rgba(2,245,255,1) 100.2% ); 19 filter: blur(15px); 20 z-index: -1; 21 position: absolute; 22 left: 0; 23 top: 0; 24} 25 26button:active { 27 transform: scale(0.9) rotate(3deg); 28 background: radial-gradient( circle farthest-corner at 10% 20%, rgba(255,94,247,1) 17.8%, rgba(2,245,255,1) 100.2% ); 29 transition: 0.5s; 30}
Comments
MIT License