Button by SujitAdroja
#e8e8e8
1.btn { 2 position: relative; 3 background: none; 4 border: 2px solid black; 5 font-size: 1.2rem; 6 padding: 1rem 2rem; 7 border-radius: 0.5rem; 8 transition: all 0.3s; 9} 10.btn::before { 11 content: ""; 12 height: 0%; 13 width: 0%; 14 border-radius: 50%; 15 top: 50%; 16 left: 50%; 17 z-index: -1; 18 position: absolute; 19 background-color: #494958; 20 transition: all 0.3s; 21} 22.btn:hover { 23 border: 2px solid #32323c; 24 color: white; 25} 26.btn:hover::before { 27 top: 0; 28 left: 0; 29 height: 100%; 30 width: 100%; 31 border-radius: 0.3rem; 32} 33
195 views
195 views
MIT License