JSFiddle - React, Tailwind, and code Playground

by Cone

HTML

<form name="m_form">
    <input type="text" name="name"><br>
    <input type="text" name="surname">    
    
</form>
        
<ul class="reeg">
</ul>

CSS

body {
    font-size:10px;
}
.reeg {
    height:300px;
    width:200px;
    border:1px solid silver;
}

JavaScript

$('input').on('mouseover',function(){
    $(this).animate({ padding : 5 , fontSize : 12 });
});
$('input').on('mouseout',function(){
    $(this).animate({ padding : 0 , fontSize : 10 });
});