Skip to content

Instantly share code, notes, and snippets.

@Jignesh-Darji

Jignesh-Darji/Simple tooltips made of pure CSS.html

Created April 9, 2018 09:20
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Jignesh-Darji/4670ce552ed49fa34dde2d8ded5385de to your computer and use it in GitHub Desktop.
Save Jignesh-Darji/4670ce552ed49fa34dde2d8ded5385de to your computer and use it in GitHub Desktop.
Download ZIP
Simple tooltips made of pure CSS
Raw
Simple tooltips made of pure CSS.html
<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/balloon-css/0.4.0/balloon.min.css">
</head>
<body>
<button data-balloon-length="xlarge" data-balloon="What about something really big? This may surpass your window dimensions. Imagine you're on that boring class with that boring teacher and you didn't slept so well last night. Suddenly you're sleeping in class. Can you believe it?! What about something really big? This may surpass your window dimensions. Imagine you're on that boring class with that boring teacher and you didn't slept so well last night. Suddenly you're sleeping in class. Can you believe it?!" data-balloon-pos="down">Xlarge tooltip</button>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment