![](/build/_assets/logo-png-XGWSYHKJ.png)
Button by Remon125
#212121
1button { 2 padding: 15px 60px; 3 background: transparent; 4 border: 2px solid #6528F7; 5 font-size: 15px; 6 font-weight: bold; 7 color: #ffffff; 8 border-radius: 6px; 9 cursor: pointer; 10 position: relative; 11 display: flex; 12 overflow: hidden; 13 transition: all 0.5s; 14 text-transform: uppercase; 15} 16 17button span { 18 transition: all 0.5s; 19 z-index: -1; 20} 21 22button::after, 23button::before { 24 content: ""; 25 position: absolute; 26 width: 0; 27 height: 100%; 28 background: #6528F7; 29 top: 0; 30 transform: skewX(35deg); 31 transition: all 0.5s; 32 z-index: -1; 33} 34 35button::after { 36 left: -20px; 37} 38 39button::before { 40 right: -20px; 41} 42 43button:hover::after { 44 width: 50%; 45 left: 0; 46} 47 48button:hover::before { 49 width: 50%; 50 right: 0; 51} 52
430 views
430 views
MIT License