373 читали · 4 года назад
Решение проблемы с CSS :hover
Источник: Nuances of Programming Проблемы с псевдоклассом :hover начались еще с тех пор, как на сенсорных устройствах был установлен первый браузер. Конечно, проблемы пытались решить и решали, но полноценным решением это вряд ли можно было назвать. Однако с новыми медиазапросами (Media Queries) 4 уровня проблема, кажется, решена окончательно. “Хм … а в чем, собственно говоря, заключается проблема?” Допустим, вы просто добавили псевдокласс :hover к элементу вашей веб-страницы. Следовательно, когда...
1 год назад
2.2.11 CSS: событие наведения мыши и легкая анимация
Статья связана с репозиторием на GitHub. Сейчас немного о том, как оживить сайт без подключения JavaScript. С тем, как описываются стили в CSS мы уже разобрались в отдельной статье. Сейчас создам простенький div с текстом. Например вот так: Назначу блоку черную рамку, серую тень, размер 100 на 100 пикселей и отцентрированный текст шрифтом в 16 пикселей. Теперь о том, как изменить блок при наведении. Для начала просто поменяю стили: Наведение описывается добавлением :hover, как на скрине: если вы навели мышку на блок, то применяются правила из дополнительной инструкции...