Create a gist now

Instantly share code, notes, and snippets.

CSS for popup with arrow.
.popup {
position: relative;
font-size: 12px;
width: 300px;
background-color: #28C0F7;
color: white;
padding: 15px;
margin-left: 15px;
}
h5 {
margin: 0;
font-size: 120%;
}
.popup .arrow {
position: absolute;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
width: 30px;
height: 30px;
background-color: #28C0F7;
}
.left-arrow .arrow {
left: -12px;
top: 20px;
}
.right-arrow .arrow {
right: -12px;
top: 20px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment