css3 triangle

by oterox

HTML

<div class="tbox-blue-bottom"></div>

CSS

.tbox-blue-bottom {
    margin: 50px;
    height: 35px;
    position: relative;
    background: #1e3e6e; 
    border-color: #1e3e6e;
}
.tbox-blue-bottom:after {
    content: "";
    position: absolute;
   top: 100%;
   left: 30px;
   border-top: 30px solid #1e3e6e;
   border-top-color: inherit; 
   border-left: 50px solid transparent;
   border-right: 50px solid transparent; 
}