JSFiddle - React, Tailwind, and code Playground

by sandro_paganotti

HTML

<img id="image" src="http://www.deshow.net/d/file/cartoon/2008-12/bob-ross-landscape-painting-281-2.jpg">
<button id="fullscreen">full screen</button>

CSS

img {
    display: block;
    width: 512px;
    height: 384px;
}
img:-webkit-full-screen {
    width: 100%;
    height: auto;
}

JavaScript

var button = document.getElementById('fullscreen');
var img = document.getElementById('image');

button.addEventListener('click', function () {
    img.webkitRequestFullScreen();
}, false);