Підказка в полі форми
Підказки в полях форми допомагають користувачеві зрозуміти, які дані треба вводити. Для <input> є атрибут placeholder, він виводить у поле текст, який зникає при наборі тексту. За допомогою псевдокл ...
Псевдоклас CSS :hover
Псевдоклас :hover визначає стиль елемента при наведенні на нього курсору миші. Це один із найпопулярніших псевдокласів, оскільки простими методами дозволяє створити різні ефекти та привернути увагу до еле ...
Підсвітка рядків і колонок таблиці
Псевдоклас :hover працює не тільки для посилань, але й для інших елементів. Зокрема для таблиць зручно робити підсвічування рядків і колонок при наведенні на них курсору миші — це дозволяє легше зіставлят ...
Спливаюча підказка
Підказкою називається блок із текстом, який з'являється при наведенні на елемент веб-сторінки (мал. 1). Мета такої підказки дати більш докладну інформацію про вміст елемента. Наприклад, для посилань ...
Переходи з використанням :hover
При використанні псевдокласу :hover зміна стилю, наприклад, кольору фону відбувається миттєво. Для плавної зміни властивостей призначені переходи, які робляться за допомогою властивості transition — ...
Використання :hover
На прикладі посилань використання :hover виглядає так. a { color: green; } a:hover { color: red; }Спершу ми визначаємо вихідний стиль елемента, зокрема, задаємо колір посилань за допомогою селектора A зе ...