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