Здесь вы увидите долгое описание того, как я создавал эту небольшую кнопку. Будет множество пояснений для новичков, которые могут показаться вам бесполезными. Но как показывает практика, даже верстальщики с опытом в 1 год, не знают многих базовых вещей. П.с. в связи с тем, что Яндекс.дзен автоматически применяет хёштеги, формат записи цвета будет в rgb. Листай в самый низ, если скучно (там код) =) Голый HTML Для начала зададим фону приятный цвет, который будет гармонично смотреться с кнопкой и эффектом наведения...

Привет! Сегодня покажу, как сделать интересный эффект наведения для меню (ну или для любого другого текста). Получилось весьма интересно, данный эффект у меня и на блоге, и на сайте. Смотрим! Этот красивый hover-эффект я сам где-то нашел и он мне весьма понравился. Теперь же хочу научить ему Вас. В целом, все несложно и работает через псевдоэлемент и overflow. Разметка <div class="main__menu">   <div class="container">     <nav>       <ul>         <li><a href="#"><span data-text="HTML/CSS"></span>HTML</a></li>  ...