JSFiddle - React, Tailwind, and code Playground

by vovkasolovev

HTML

<!--Test one.-->
<img src="http://upload.wikimedia.org/wikipedia/commons/9/95/The_Gunk.png" alt="The Gunk" width="466" height="270" />
<!--Test two.-->
<div id="theGunk"></div>
<!--Test three.-->
<img src="http://upload.wikimedia.org/wikipedia/commons/9/95/The_Gunk.png" alt="The Gunk" id="aGunk" />
<!--Test four.-->
<img src="http://upload.wikimedia.org/wikipedia/commons/9/95/The_Gunk.png" alt="The Gunk" id="JSGunk" />

CSS

#theGunk {
    background:url('http://upload.wikimedia.org/wikipedia/commons/9/95/The_Gunk.png');
    background-size:466px 270px;
    height:270px;
    width:466px;
    image-rendering: pixelated;
}
#aGunk {
    width:466px;
    height:270px;
}

JavaScript

var gunk = document.getElementById('JSGunk');
gunk.style.width = '466px';
gunk.style.height = '270px';