Уроки HTML, CSS / Эффекты при наведении мышки например меняется картинка - css hover

Привет друзья! Применение различных hover эффектов CSS при наведении курсора на изображение, ссылку или текст является одним из наиболее распространенных методов CSS. На этом уроке мы сделаем так, что при наведении мышки на объект он будет менять картинку. Для этого мы использовали тег A, с картинкой кнопки – и когда вы наводите мышку на кнопку, то она меняет свой цвет. Тоже самое можно применить и просто к рисункам - при наведении мышки на картинку, она также будет обесцвечиваться. 😊 Создавайте сайт с нуля и сразу используйте классные эффекты - используйте стили css3 - экспериментируйте и делайте классные сайты! ✅ псевдо стиль hover: задает стили, которые применяются к элементам при наведении на них мышки. Ставь лайк, если тебе понравилось видео 👍 ►► Подписывайся на наш канал: #урокиhtml #урокиcss #урокиjavascript - Уроки от #OlegShpagin 👨🏼‍💻 Рекомендую посмотреть вот эти видео ► ★ [Добавляем эффект полупрозрачности для элементов - opacity] ★ [Выводим верхние и нижние индексы для формул и химических элементов] ★ [Всплывающая подсказка на изображении] ★ [Эффект бьющегося экрана TweenMax html2canvas / Почти как игра] ★ [Свойство стиля overflow для блочных элементов] ★ [Учим HTML за 30 минут, всего за пол часа вы сделаете свой первый сайт с нуля] ★ [Свойство стиля margin отступ от границ] ★ [Делаем новогодний курсор на сайте, вместо мышки елочная игрушка или новогодний шарик] ★ [Как отобразить другой сайт внутри вашего сайта, тег iframe] ★ [Как напечатать текст справа налево] ★ [Как сделать бегущую строку] ★ [Что такое классы] ★ [Как скопировать стиль, с одного сайта на другой] ★ [Как добавить снег на сайт] ★ [Как сделать галерею картинок] ★ [Как сделать горизонтальную линию] ★ [Как вставить gif анимацию на сайт] ★ [Делаем сайт визитку за 5 минут! - от ИТ профессионала] ★ [Изучаем с нуля HTML за 1 час! Верстка для начинающих] Где нас можно найти ► -------------------------------------------- Вступай в группу Вк - 🚀 Группа FaceBook - Инстаграм Wiseplat: Instagram: Twitter - Популярные плейлисты ► -------------------------------------------- ● Уроки программирования для детей по Scratch ● Уроки программирования для детей и подростков на Python ● Уроки HTML/CSS. Учим быстро и эффективно! ● Уроки JavaScript. Изучаем основы языка и практикуемся сразу. ● Уроки jQuery. Для начинающих, с нуля ● Уроки Bootstrap для начинающих, с нуля учимся сразу делать классно! ● Компьютерное железо. Лайфхаки. Обзоры. Ноу-хау. Инструкции. Рекомендации. ● Уроки администрирования для начинающих, сервера, сети, хранилища - их настройка и обслуживание. ● Компьютерная безопасность. Рекомендации. Советы. Лайфхаки. Know-How. ● Новинки в компьютерном мире. Обзоры. Новинки гаджетов. Смартфоны. Техника. ► Уроки на сайте Wiseplat: -------------------------------------------- ✔ Сообщество программистов: ✔ Дополнительное описание, домашние задания и многое другое можно найти на сайте WISEPLAT: ******************************** ❤ Если Вам понравилась публикация, подписывайтесь на канал! 👍 Ставьте лайки, тогда будем еще создавать такой контент :) ✉ Если есть вопросы или пожелания, то пишите, в комментариях. ********************************
Back to Top