How to make a "feature"?

Hello.

Saw on the website - https://wotclassic.ru/ interesting feature in the form of a dog, in the lower left corner when you hover over that a window appears with the text. Please tell me how to implement this?
March 19th 20 at 09:08
3 answers
March 19th 20 at 09:10
Solution
Quick, lazy code:


Can the original lick bubble window, there it is done in the background and looks a little nicer, and of the text to center was too lazy. Or make a flake or wrap in a wrapper and the old fashioned way by positioning and transform center.
@alyce.Bart Thank you very much! - bradly46 commented on March 19th 20 at 09:13
March 19th 20 at 09:12
using css look in the direction of hover && display: none; also in the side position as absolute and relative, and a random phrase with js can be done.
P. s stop asking for ready solution try to do this yourself with the above specified items will be good practice
March 19th 20 at 09:14
1) you Have a dog this is a picture of do a background check on hover of the mouse using JS for example
2) After the mouse induced by the block shown with the text that appears about dogs.
3) When take the mouse unit needs to hide

ie needs JS , some html + ccs
A single line of JS here is not necessary. - alyce.Bart commented on March 19th 20 at 09:17
@alyce.Bart, Ana tell us how without JS will change the text in the block - Graham_Bradtke commented on March 19th 20 at 09:20
@Graham_Bradtkenot seen randomly change the text, I thought it static, then JS is still necessary. - alyce.Bart commented on March 19th 20 at 09:23

Find more questions by tags Web DevelopmentHTMLJavaScriptCSS