Button by RichestsoftSukhbir
#e8e8e8
1.button { 2 padding: 12px 25px; 3 background: #fff; 4 border: 1px solid #121212; 5 color: #121212; 6 font-weight: 700; 7 cursor: pointer; 8 border-radius: 50px; 9 position: relative; 10 z-index: 2; 11 overflow: hidden; 12 transition: all 0.5s ease; 13} 14.button::after { 15 content: ""; 16 width: 100%; 17 height: 100%; 18 background: #121212; 19 position: absolute; 20 bottom: -100%; 21 left: 0; 22 border-radius: 50%; 23 z-index: -1; 24 transition: all 0.5s ease; 25} 26.button:hover { 27 color: #fff; 28} 29.button:hover::after { 30 bottom: 0; 31 border-radius: 0; 32} 33
408 views
408 views
MIT License