.menu-link { position: relative; text-decoration: none; color: inherit; cursor: pointer; } .menu-link::after { content: ""; position: absolute; left: 0; bottom: -4px; /* отступ линии от букв */ width: 100%; height: 2px; /* толщина линии */ background: currentColor; transform: scaleX(0); transform-origin: left center; transition: transform 0.3s ease; } .menu-link:hover::after { transform: scaleX(1); }