Button by TISEPSE
#212121
1.vlrt { 2 height: 75px; 3 width: 170px; 4 border-radius: 4px; 5 font-size: 18px; 6 border: 3px solid; 7 color: #f5f5f5; 8 border-color: #b6b6b6; 9 background-color: rgba(0, 0, 0, 0.15); 10 backdrop-filter: blur(50px); 11 transition: 0.2s; 12 position: relative; 13 overflow: hidden; 14 cursor: pointer; 15} 16 17.vlrt:hover { 18 border-color: #16ff00; 19 letter-spacing: 2px; 20 font-size: 19px; 21 color: #fefefe; 22 text-shadow: 0 0.3rem rgb(51, 51, 51); 23 box-shadow: #16ff00 0px -30px 40px -30px inset; 24} 25 26.vlrt .green { 27 content: ""; 28 width: 25px; 29 height: 25px; 30 position: absolute; 31 top: 0; 32 left: 0; 33 background-color: #16ff00; 34} 35 36.vlrt .green { 37 content: ""; 38 width: 45px; 39 height: 45px; 40 position: absolute; 41 top: 0px; 42 left: 0px; 43 background-color: rgb(182, 182, 182); 44 transform: rotate(49deg) translateX(-32px) translateY(0px); 45} 46 47.vlrt:hover .green { 48 background-color: #16ff00; 49 transition: 0.5s; 50} 51 52.vlrt:active { 53 letter-spacing: 0px; 54 text-shadow: 0 0rem #333; 55 transition: 0.1s; 56 background-color: #1abc9c; 57} 58
246 views
246 views
MIT License