Triangular image frame

by rulokc

HTML

<div class="frame"></div>

CSS

.frame {
    border-left: 50px solid #fff;
    border-right: 50px solid #fff;
    border-bottom: 80px solid transparent;
    height: 0;
    width: 0;
    background: url('https://lh3.googleusercontent.com/-48WRGsnbT4w/AAAAAAAAAAI/AAAAAAAAAAA/U447qlnmKnc/s96-c/photo.jpg') no-repeat center top;
    position: relative;
}