Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Simple tooltips made of pure CSS
<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