Skip to content

Instantly share code, notes, and snippets.

@futuraprime
Created April 20, 2012 19:09
Show Gist options
  • Save futuraprime/2431120 to your computer and use it in GitHub Desktop.
Save futuraprime/2431120 to your computer and use it in GitHub Desktop.
Neven's Popover
.popover {
/* to be set as appropriate */
width: 200px;
height: 200px;
margin: 20px;
background-color: white;
padding: 20px;
border-radius: 6px;
position: relative;
box-shadow: 0 0 15px rgba(0,0,0,.4);
}
.popover:after {
position: absolute;
content: '';
display: block;
width: 20px;
height: 20px;
left: 50%;
bottom: 0px;
box-shadow:5px 5px 5px rgba(0,0,0,.1);
-webkit-transform-origin: 50% 50%;
-webkit-transform: matrix(0.707, 0.707, -0.707, 0.707, -10, 10); /* rotate 45deg + shift to center 10px */
background-color: white;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment