JS Animated. Как изменить цвет элемента при наведении на него мышкой, используя CSS

Добрый день! Из этого туториала Вы узнаете, как добавить пользовательский цвет элемента при наведении на него мышью, используя CSS, в JS-анимированных шаблонах.

1. Для того чтобы добавить пользовательский цвет для элемента вашего сайта, используйте инструмент разработчика, например, Firebug. Исследуйте нужный элемент, используя выбранный инструмент разработчика:

   

2. Добавьте псевдокласс :hover для нужного элемента в разделе css и задайте для него фон:

   

3. Скопируйте созданное вами правило и вставьте его вниз вашего файла style.css. Сохраните изменения.

4. Обновите страницу и проверьте смену цвета при наведении мышкой на элемент:

   

Теперь Вы знаете, как добавить пользовательский цвет элемента при наведении на него мышкой, используя CSS. Вы можете также ознакомиться с детальным видео-туториалом ниже: