CSS Arrow Up

by Ian Roberts

HTML

<div class="arrow"></div>

CSS

.arrow {
    width:0px;
    height:0px;
    left:100px;
    top:100px;
    position:relative;
    }
.arrow:after,
.arrow:before {
    bottom:0%;
    left:0%;
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
}
.arrow:after {
    border-bottom-color:#eaeaea;
    border-width:50px;
    margin-left:-50px;
}
.arrow:before {
    border-bottom-color:#20204d;
    border-width:53px;
    margin-left:-53px;
}