Categories

Новые шаблоны

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

Jeff Bell Январь 21, 2016
Rating: 5.0. From 2 votes.
Please wait...

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

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

    How to add a custom color on an item hover using CSS1
  2. Добавьте псевдокласс :hover для нужного элемента в разделе css и задайте для него фон:

    How to add a custom color on an item hover using CSS2
  3. Скопируйте созданное вами правило и вставьте его вниз вашего файла style.css. Сохраните изменения.

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

    How to add a custom color on an item hover using CSS3

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

JS Animated. Как изменить цвет элемента при наведении на него мышкой, используя CSS
Эта запись была размещена в JS Animated туториалы и помечена как color, css, hover, HTML. Добавьте в закладки постоянную ссылку.

Submit a ticket

Если вы не смогли найти подходящее решение проблемы, пожалуйста воспользуйтесь следующей ссылкой, чтобы отправить запрос команде технической поддержки.
Отправить запросВы получите ответ в течение 24 часов