Pinched Triangle Arrow

by Torwan

HTML

<div class="pinch">
    <div class="triangle"></div>
</div>

CSS

html, body {
    margin:0;
    padding:0;
}
.pinch {
    
}
.triangle {
    -webkit-transform: rotate(45deg);
    height: 100px;
    width: 100px;
    background: black;
    background: -webkit-linear-gradient(top left, white, black);
}