You can use the :hover
puesdo-class with puesdo-elements to do it.
.hover-me::before{
content: 'YOU HOVERED!!';
background-color: black;
color: white;
border-radius: 5px;
position: absolute;
top: 5px;
display: none;
}
.hover-me{
margin-top: 2em;
}
.hover-me:hover::before{
display: block;
}
<h1 class="hover-me">Hover Me!</h1>
0
solved I am trying to popup text when hover on any icon without using javascript or anything else? [closed]