Button by ArturCodeCraft
#212121
1/* <reset-style> ============================ */ 2a { 3 text-decoration: none; 4} 5/* <main-style> ============================ */ 6.menu__link { 7 color: #fff; 8 line-height: 2; 9 position: relative; 10} 11 12.menu__link::before { 13 content: ''; 14 width: 100%; 15 height: 2px; 16 border-radius: 2px; 17 background-color: #fff; 18 position: absolute; 19 bottom: -.5rem; 20 left: 0; 21 transition: transform .4s, opacity .4s; 22 opacity: 0; 23} 24 25.menu__link:hover::before { 26 transform: translateY(-.25rem); 27 opacity: 1; 28}
Β
454 views
Variation of abutton
MIT License