Skip to content

Instantly share code, notes, and snippets.

@Irfan-Ansari
Created February 19, 2014 23:09
Show Gist options
  • Save Irfan-Ansari/9103567 to your computer and use it in GitHub Desktop.
Save Irfan-Ansari/9103567 to your computer and use it in GitHub Desktop.
Bubble css
.bubble {
position: relative;
height: 75px;
width: 100%;
border-radius: 5px;
margin-bottom: 20px;
}
.red.bubble {
background-color: pink;
}
.green.bubble {
background-color: lightgreen;
}
.bubble:before {
position: absolute;
content: '';
width: 20px;
height: 20px;
bottom: -10px;A
margin: 0 50%;
background-color: inherit;
-webkit-transform: rotate(45deg);
}
<div class="green bubble"></div>
<div class="red bubble"></div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment