JSFiddle - React, Tailwind, and code Playground

by web tiki

HTML

<div></div>

CSS

body{
    margin:10%;
}
div {
    width:200px;
    height:200px;
    overflow:hidden;
}
div:before {
    content:"";
    display:block;
    width:70%;
    height:70%;
    background-image: url(http://lorempixel.com/output/nature-q-c-200-200-6.jpg);
    transform: rotate(-45deg);
    transform-origin:0 0;
    -ms-transform: rotate(-45deg);
    -ms-transform-origin:0 0;
    -webkit-transform: rotate(-45deg);
    -webkit-transform-origin:0 0;
}