Как правильно это сделать?

Question

[Nikita Fedorov]

как сделать вот такое правильно?
(блок в виде всплывающего облачка)

Comments

[Егор Антропов]

При каких условиях должно всплывать окно?
Наведение на (изображение\текст), или само по себе (при загрузке\ по истечении времени), или ещё что-то?

Answer 1

[Demigodd]

Это называется Popover or Tooltip, смотря что используется в вашем проекте. Можно найти варианты именно под ваши технологий. Или же можно написать на чистом JS + HTML + CSS.

Answer 2

[ilyamst51]

Подпишусь под словами выше, но добавлю, что JS не особо нужен. Можно и на чистом html+css.
Используйте :hover, :after, :before
Само закругление и стрелочку можно оформить картинкой (неправильно) или же тоже на CSS.
Яндексите "как сделать tooltip css, оформление всплывающих подсказок css" и подобный запросы.
Код для конкретного примера вряд ли кто то даст