JSFiddle - React, Tailwind, and code Playground

by wrxsti85

HTML

<div></div>
<label for="input">Input:</label><input type="text" />
<div></div>

CSS

div {
    height: 300px;
    width: 100px;
}

JavaScript

$(document).on('click', 'input', function(){
    $(this).stop().animate({
        width: 300,
        height: 200
    }, 400);
});

$(document).on('scroll', function(){
    $('input').stop().animate({
        width: 150,
        height: 16
    }, 100);
});