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: 0; 15 height: 2px; 16 border-radius: 2px; 17 background-color: #fff; 18 position: absolute; 19 bottom: -.25rem; 20 left: 50%; 21 transition: width .4s, left .4s; 22} 23 24.menu__link:hover::before { 25 width: 100%; 26 left: 0; 27}
Β
777 views
777 views
Variations
3 MIT License