Skip to content

Instantly share code, notes, and snippets.

@Shadowfiend
Created July 18, 2011 14:46
Show Gist options
  • Save Shadowfiend/1089727 to your computer and use it in GitHub Desktop.
Save Shadowfiend/1089727 to your computer and use it in GitHub Desktop.
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;
left: -12px;
top: 20px;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
width: 30px;
height: 30px;
background-color: #28C0F7;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment