Skip to content

Instantly share code, notes, and snippets.

@XmlmXmlmX
Last active March 23, 2016 22:03
Show Gist options
  • Save XmlmXmlmX/9ed4e510f6b5e9b0805c to your computer and use it in GitHub Desktop.
Save XmlmXmlmX/9ed4e510f6b5e9b0805c to your computer and use it in GitHub Desktop.
Simple Tooltips
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>Just Another Webmailer</title>
</head>
<body>
<header id="header" class="header-container"></header>
<div id="content" class="content-container">
<button role="tooltip" data-stt-text="Super simple awesome Toottip!">This is a <b>Tooltip</b> Button! <i>Hover me!</i></button>
<button role="tooltip" class="btn-type-b" data-stt-text="Super simple awesome Toottip!" data-stt-animate>Try this with transition effect, pretty cool huh?</i></button>
<button role="tooltip" class="btn-type-c" data-stt-text="Super simple awesome Toottip!" data-stt-animate>You can touch me, try it :-)</i></button>
<button role="tooltip" class="btn-type-c" data-stt-text="Super simple awesome Toottip!" data-stt-animate><i class="icon-info"></i></button>
</div>
<footer id="footer" class="footer-container"></footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment