#e8e8e8
1.Btn { 2 width: 180px; 3 height: 45px; 4 border-radius: 40px; 5 border: none; 6 display: flex; 7 align-items: center; 8 justify-content: center; 9 gap: 8px; 10 color: white; 11 background-color: transparent; 12 cursor: pointer; 13 position: relative; 14 background: linear-gradient( to right,#44ea76, #39fad7); 15 transition-duration: .3s; 16 letter-spacing: 1.4px; 17} 18 19.svgIcon path { 20 fill: white; 21} 22 23.Btn:hover { 24 transform: scale(0.95); 25 transition-duration: .3s; 26} 27 28.Btn::before { 29 content: ""; 30 position: absolute; 31 width: 80%; 32 height: 30%; 33 background: linear-gradient( to right,#44ea76, #39fad7); 34 filter: blur(10px); 35 bottom: -3px; 36 z-index: -1; 37 transition-duration: .3s; 38} 39 40.Btn:hover::before { 41 bottom: -1px; 42 filter: blur(5px); 43 transition-duration: .3s; 44}
749 views
749 views
Comments
MIT License