JSFiddle - React, Tailwind, and code Playground
HTML
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="http://luitame.esy.es/js/screenfull.js"></script>
<div>
<h1 class='button'>LuĂtame de Oliveira</h1>
</div>
CSS
div{
position: absolute;
top: 0; bottom: 0;
left: 0; right: 0;
margin: auto;
width: 100%;
height: 100%;
background: #2D3E50;
}
h1{
text-shadow: -2px 1px #333;
font-size: 40px;
font-family: sans-serif;
position: absolute;
top: 0; bottom: 0;
left: 0; right: 0;
margin: auto;
height: 40px;
width: 400px;
color: white;
}
h1:hover{
text-decoration: underline;
}
JavaScript
$('h1').click(function () {
if (screenfull.enabled) {
screenfull.request();
}
});