Как в HTML или CSS сделать так, чтобы при наведении на часть картинки показывалось один текст?

Question

[tereshock98]

Как в HTML или CSS сделать так, чтобы при наведении на часть картинки показывалось один текст, а при наведении на другую часть этой же картинки, показывался другой текст?

Comments

[Hyubert]

вот пример codepen.io/Hyubert/pen/VpMypQ, который поможет вам понять в каком направлении двигаться

Answer 1

[Юрий Крот]

Разрезать склеить через позиционирование position, или canvas и на нужный элемент повесить всплывающую подсказку, или через hover менять текст content - ом

Answer 2

[Ankhena]

Либо так: https://webref.ru/html/map
Либо svg https://webref.ru/html/map
Либо разрезанная картинка.

Зависит от задачи.