Pure HTML5 / CSS3 Tooltips – Showet

Category: CSS & CSS3 , tooltip | July 28, 2015
Author: djendreizak
Views Total: 1,959
Official Page: Go to website
Last Update: July 28, 2015
License: MIT

Preview:

Pure HTML5 / CSS3 Tooltips – Showet

Description:

Showet is a really lightweight CSS library that creates unobtrusive, clean tooltips on any DOM elements using html5 data attributes and CSS :before, :after pseudo elements.

How to use it:

Load the showet.css in the head section of the web page.

<link href="css/showet.css" rel="stylesheet">

Use the data-tooltip to specify the tooltip content for your DOM elements.

<a href="#" class="link" data-tooltip="This is a sample tooltip!">Hover Me</a>

That’s it.

 

You Might Be Interested In:


Leave a Reply