Create a gist now

Instantly share code, notes, and snippets.

What would you like to do?
A `position: pointer` demonstration
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
.tooltip {
position: pointer;
left: 10px;
top: 10px;
width: auto;
height: auto;
padding: 5px;
background-color: rgba(0,0,0,.8);
color: white;
border-radius: 5px;
box-shadow: 0 0 3px black;
.tooltipping:not(:hover) + .tooltip {
display: none;
<button class="tooltipping">Hover over me for more info!</button>
<div class="tooltip">
Here's some more info!
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment