Button by Spacious74
#000000
1button { 2 font-size: 1.4em; 3 padding: 0.6em 0.8em; 4 border-radius: 0.5em; 5 border: none; 6 background-color: #000; 7 color: #fff; 8 cursor: pointer; 9 box-shadow: 2px 2px 3px #000000b4; 10} 11 12.container { 13 position: relative; 14 padding: 3px; 15 background: linear-gradient(90deg, #03a9f4, #f441a5); 16 border-radius: 0.9em; 17 transition: all 0.4s ease; 18} 19 20.container::before { 21 content: ""; 22 position: absolute; 23 inset: 0; 24 margin: auto; 25 border-radius: 0.9em; 26 z-index: -10; 27 filter: blur(0); 28 transition: filter 0.4s ease; 29} 30 31.container:hover::before { 32 background: linear-gradient(90deg, #03a9f4, #f441a5); 33 filter: blur(1.2em); 34} 35.container:active::before { 36 filter: blur(0.2em); 37} 38
832 views
832 views
MIT License