Button by Gaurav-WebDev
#e8e8e8
1.button { 2 height: 50px; 3 width: 200px; 4 position: relative; 5 background-color: transparent; 6 cursor: pointer; 7 border: 2px solid #252525; 8 overflow: hidden; 9 border-radius: 30px; 10 color: #333; 11 transition: all 0.5s ease-in-out; 12} 13 14.btn-txt { 15 z-index: 1; 16 font-weight: 800; 17 letter-spacing: 4px; 18} 19 20.type1::after { 21 content: ""; 22 position: absolute; 23 left: 0; 24 top: 0; 25 transition: all 0.5s ease-in-out; 26 background-color: #333; 27 border-radius: 30px; 28 visibility: hidden; 29 height: 10px; 30 width: 10px; 31 z-index: -1; 32} 33 34.button:hover { 35 box-shadow: 1px 1px 200px #252525; 36 color: #fff; 37 border: none; 38} 39 40.type1:hover::after { 41 visibility: visible; 42 transform: scale(100) translateX(2px); 43}
11K views
11K views
MIT License