How to make, implement the output of additional information when hovering the mouse cursor?

Question

css

Can it be done with HTML/CSS, Javascript?
for example: there is a block with some product and there are pictures, and when you hover the cursor or click the mouse, additional information about the product appears under it. Like an online store

Answer 1

Can it be done with HTML/CSS, Javascript?

Can!

Answer 2

Can. It is enough to write a rule in CSS for the :hover pseudo-class of this block.

Answer 3

set an attribute for the block, for example data-tip="Hint text"
design a pseudo-element with the content property: attr(data-tip);