← All elements
<div class="tp"><b data-t="Top" data-dir="top">↑</b><b data-t="Right" data-dir="right">→</b><b data-t="Bottom" data-dir="bottom">↓</b><b data-t="Left" data-dir="left">←</b></div>About this hover effect
Four Direction Tooltips is a pure CSS hover effect made with HTML and CSS only, by @admin. Open an example, copy the HTML and the CSS, and paste them into your page. There is nothing to install and no JavaScript to load.