Last active
March 23, 2016 22:03
-
-
Save XmlmXmlmX/9ed4e510f6b5e9b0805c to your computer and use it in GitHub Desktop.
Simple Tooltips
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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