JSFiddle - React, Tailwind, and code Playground

by swfour

HTML

<div></div>

CSS

div {
    height:50px;
    width:50px;
    position:relative;
    overflow:hidden;
}
div:after {
    height:100%;
    width:100%;
    position:relative;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    content:'';
    display:block;
    position:absolute;
    left:-75%;
    background-image:url(http://www.online-image-editor.com/styles/2013/images/example_image.png);
    background-size:cover;
}