Щоб додати ефект зависання в HTML, ви можете використовуйте селектор псевдокласу :hover. Коли вказівник миші наведеться на <div>, колір фону зміниться з #3788AB на #AC3864.
Використовуючи CSS, ви можете створити ефект, який змусить текст «висати» на екрані. Для цього потрібно створити два окремих класи: один для випадків, коли миша наводиться на текст (наприклад, коли миша наводиться на посилання на сторінці), а другий — коли миша не наводиться на текст.
Ви можете додати ефект наведення до кнопки за допомогою встановлення псевдокласу CSS кнопки: hover. Цей код CSS змушує кнопку змінювати колір фону та колір тексту, коли користувач наводить на неї курсор миші.
Що таке ефект наведення CSS? Ефект наведення CSS відбувається, коли користувач наводить курсор на елемент, і елемент відповідає ефектами переходу. Він використовується для позначення ключових елементів на веб-сторінці та є ефективним способом покращення взаємодії з користувачем.
Визначення та використання Метод hover() визначає дві функції для запуску, коли вказівник миші наводиться на вибрані елементи. Цей метод запускає події mouseenter і mouseleave. Примітка. Якщо вказано лише одну функцію, її буде запущено як для подій mouseenter, так і для подій mouseleave.
Увімкніть наведення тексту
- На комп’ютері Mac виберіть меню «Яблуко» > «Параметри системи», клацніть «Спеціальні можливості» на бічній панелі, а потім клацніть «Масштаб» праворуч. (Можливо, вам знадобиться прокрутити вниз.) Відкрийте налаштування масштабування, щоб отримати доступність для мене.
- Увімкніть наведення тексту.
