Usually we'd choose to use JavaScript or some little weight plugin to show tooltips. But it's possible to create toolips like these on hover, using CSS only :) Note: Before we proceed, please be aware that tooltips aren't that great for accessibility. Use them only if the tooltip information is not very important.
CSS only tooltip using attr()
CSS only tooltip using attr()
CSS only tooltip using attr()
Usually we'd choose to use JavaScript or some little weight plugin to show tooltips. But it's possible to create toolips like these on hover, using CSS only :) Note: Before we proceed, please be aware that tooltips aren't that great for accessibility. Use them only if the tooltip information is not very important.