JSFiddle - React, Tailwind, and code Playground

by grantgibson

HTML

<p>My scaled slice:</p>
<div id="mySlice"></div>
<p>Full image:</p>
<div id="mySource"></div>

JavaScript

$("#mySlice").css({
  width: 200,
  height: 50,
  background: "url('http://lorempixel.com/400/1000/sports/3/')",
  backgroundPosition: "0 -365px",
  backgroundSize: "200px 500px"
});
$("#mySource").css({
  width: 400,
  height: 1000,
  background: "url('http://lorempixel.com/400/1000/sports/3/')"
});