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

Ваше имя

Ваш e-mail

Ваше сообщение (обязательно)

captcha

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

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

Добрый день! Из этого туториала Вы узнаете, как добавить пользовательский цвет элемента при наведении на него мышью, используя 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