Уроки 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:
********************************
❤ Если Вам понравилась публикация, подписывайтесь на канал!
👍 Ставьте лайки, тогда будем еще создавать такой контент :)
✉ Если есть вопросы или пожелания, то пишите, в комментариях.
*****
1 view
247
53
5 months ago 00:20:19 1
Ажурная туника для кукол. Простой ажурный узор для платья, юбки, туники
5 months ago 00:00:45 1
Секретный способ не работать, но получать при этом деньги #shorts
5 months ago 00:23:45 1
ДОЛГОЖДАННЫЕ НОВОСТИ!!! ПРО ВСЁ-ВСЁ-ВСЁ!!! С ПРИВЕТОМ ИЗ МАЙКОПА!!!
5 months ago 11:55:00 1
Frontender[1.0] - Модуль 1 | Курс по FRONTEND | HTML, CSS, SCSS, GIT, NPM, SEO, A11Y | УРОКИ [2-55]
5 months ago 00:11:28 1
Видеоурок “География промышленности. Топливно энергетический комплекс и электроэнергетика“
5 months ago 00:05:38 1
Видеосюжет «О хороших и дурных привычках»
5 months ago 00:00:58 1
HTML для начинающих: Урок 22. Заключение
5 months ago 01:07:56 1
Марафон «Предназначение, деньги и истинные желания». День 1. Как раскрыть свой потенциал
5 months ago 00:08:22 1
HTML для начинающих: Урок 21. Полезные веб-ресурсы
5 months ago 00:06:58 1
HTML для начинающих: Урок 20. Встраивание внешних фреймов