Як за допомогою CSS змінити картинку при наведенні курсору
🗓️ Оновлено: 15.08.2022
💬Коментарів:
0
👁️Переглядів: 4780
Як досягти зміни картинки при наведенні? Це можна реалізувати за допомогою CSS.
Готовий приклад:
Пояснення. Як ми зробили, щоб картинка змінювалася під час наведення? Ми в HTML код відразу додали дві картинки, але одну приховали за допомогою: nth-of-type(2). Потім при наведенні (hover) на батьківський елемент ми першу картинку приховуємо (display: none), а другу навпаки показуємо, задаючи їй display: block;