The Best and Simplest Popup Using Only CSS

CSS code:

CSS

.showonhover .hovertext { display: none;}
.showonhover:hover .hovertext {display: inline;}
.hovertext {position:absolute;z-index:1000;border:1px solid #ffd971;background-color:#fffdce;padding:11px;width:500px;left: 250px; font-size: 0.75em;}

HTML code:

XML

<span class="showonhover">
    <a href="#">...</a>
    <span class="hovertext">Text shown when hovering over the 3 dots</span>
</span>

You can try the whole thing…

hereText shown when hovering over the 3 dots

Leave a Reply Cancel reply