Blog -> CyberFinch Designs

This article is really cool! https://css-tricks.com/snippets/css/css-triangle/

I used this triangle to add a sort of “chat bubble” effect to a navigation using pseudo selectors and absolute positioning. The possibilities for this concept, however, are limitless!

.sub-menu:before{
    content: ".";
    color: #00000000;
    position: absolute;
    top: 0px;
    left: 5px;
    width: 0; 
    height: 0; 
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #87a963;
}