Skip to content

Instantly share code, notes, and snippets.

@zorbash
Created November 23, 2012 16:21
Show Gist options
  • Save zorbash/4136329 to your computer and use it in GitHub Desktop.
Save zorbash/4136329 to your computer and use it in GitHub Desktop.
A CodePen by Dimitrios Zorbas.
<div class="popover">
<div class="popover-arrow"></div>
</div>
.popover {
position: relative;
width: 200px;
height: 100px;
background-color: rgb(233, 212, 222);
border-radius: 4px;
top: 50px;
left: 50px;
}
.popover-arrow {
position: absolute;
top: -10px;
left: -10px;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 20px solid blue;
width: 0;
height: 0;
z-index: 100;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment