291 читали · 6 лет назад
CSS Magic #1. Красивый hover-эффект
Привет! Сегодня покажу, как сделать интересный эффект наведения для меню (ну или для любого другого текста). Получилось весьма интересно, данный эффект у меня и на блоге, и на сайте. Смотрим! Этот красивый hover-эффект я сам где-то нашел и он мне весьма понравился. Теперь же хочу научить ему Вас. В целом, все несложно и работает через псевдоэлемент и overflow. Разметка <div class="main__menu">   <div class="container">     <nav>       <ul>         <li><a href="#"><span data-text="HTML/CSS"></span>HTML</a></li>  ...
06:44
1,0×
00:00/06:44
471 тыс смотрели · 4 года назад
384 читали · 5 лет назад
Решение проблемы с CSS :hover
Источник: Nuances of Programming Проблемы с псевдоклассом :hover начались еще с тех пор, как на сенсорных устройствах был установлен первый браузер. Конечно, проблемы пытались решить и решали, но полноценным решением это вряд ли можно было назвать. Однако с новыми медиазапросами (Media Queries) 4 уровня проблема, кажется, решена окончательно. “Хм … а в чем, собственно говоря, заключается проблема?” Допустим, вы просто добавили псевдокласс :hover к элементу вашей веб-страницы. Следовательно, когда...