Button by meermubashar
#212121
1button { 2 width: 140px; 3 height: 45px; 4 font-size: 23px; 5 cursor: pointer; 6 border: none; 7 outline: none; 8 background: transparent; 9 color: white; 10 font-family: 'Times New Roman', Times, serif; 11 font-weight: 700; 12 position: relative; 13 transition: all 0.5s; 14 z-index: 1; 15} 16 17button::before { 18 content: ""; 19 position: absolute; 20 top: 0; 21 left: 0; 22 width: 5px; 23 height: 100%; 24 background-color: white; 25 z-index: -1; 26 transition: all 0.5s; 27} 28 29button:hover::before { 30 width: 100%; 31} 32 33button:hover { 34 color: black; 35} 36 37button:active:before { 38 background: #b9b9b9; 39}
7.6K views
7.6K views
MIT License