JSFiddle - React, Tailwind, and code Playground

by raam86

HTML

<div> <span>wohoo!!</span>
</div>

CSS

div {
    background:red;
    border-radius:30px;
    text-align:center;
    height:30px;
    width:120px;
}
span {
    padding:30px;
}

JavaScript

$('div').click(function (e) {
    e.preventDefault;
    $(this).css({
        'height': 'auto',
        'width': 'auto'
    });
    $('span').text('Milen you are gay!').fadeIn('slow').animate({
        'font-size': "8em"
    }, 1000).css('display', 'block').animate({
        'margin-top': '100px'
    },100,function(){$(this).hide().fadeIn('slow').append('<br>And a Douchbag!!!!!!!!')})
});