How to make custom tooltip in angular ?

Custom Tooltip Table What is a tooltip? A tooltip is a small part of a text that is visible when the user hover mouse on a particular area of text, link, or image. If you want to add a tooltip on code you can use some pre written framework like Angular material, Bootstrap, Talwind Css, and use it on your code. but what if you want to customize?. Today I will tell you how to make a custom tooltip. Preview - Screenshots : Image -1 -> On mouse enter without Css Image -2. On mouse leave without Css Image -3. On mouse enter with css and cursor tracker property Image -4. On mouse leave with css and cursor tracker property Code - html -> < table > < tr > < th > Sr No. </ th > < th > Name </ th > < th >...