Как изменить картинку при наведении на нее курсора или немного о hover-эффектах

Здравствуйте уважаемые читатели блога webcodius! Часто получаю вопросы: как сделать так, чтобы картинка на web-страничке менялась при наведении на нее курсора мыши. Такой эффект встречается на многих сайтах и самый простой пример, это когда вы наводите курсор на какую-нибудь кнопку, а она после этого меняет цвет. Иногда для создания подобного эффекта применяется JavaScript, но обычно достаточно Читать далее «Как изменить картинку при наведении на нее курсора или немного о hover-эффектах»

Девять простых примеров CSS3 анимации

Karina | 18.02.2016

CSS3 открывает неограниченные возможности перед UI-дизайнерами, и главный плюс состоит в том, что практически любую идею можно легко реализовать и воплотить в жизнь, не прибегая к использованию JavaScript.

Удивительно, как простые вещи могут оживить обычную веб-страницу, сделать ее более доступной для восприятия пользователями. Речь идет о CSS3 переходах, с помощью Читать далее «Девять простых примеров CSS3 анимации»

CSS: hover для любого элемента

Э кспериментируя с псевдо-классом :hover и анализируя его преимущества, я рассердился когда узнал о том, что Internet Explorer не поддерживает :hover естественным путем. В этом браузере данный селектор можно использовать только для элементов ссылок ( <a href=»»>ссылка</a> ). Современные же браузеры могут отображать эффект выделения для любого элемента CSS. Как же добавить hover для Internet Читать далее «CSS: hover для любого элемента»