JSFiddle - React, Tailwind, and code Playground

by raam86

HTML

<div id="wrapper">
    
<h1>אלי</h1>

    <img src="http://investorplace.com/wp-content/uploads/2013/06/grumpycat.jpg" />
</div>

CSS

#wrapper {
    width:100%
}
h1 {
    color:green;
    position:relative;
}
img {
    width:90%;
}

JavaScript

var in = prompt("הקש כותרת");
$('h1').click(function () {
    $(this).text(in).animate({
        'left': '+=45%'
    }, 1000).fadeOut("slow").fadeIn("fast").animate({
        'left': '0'
    }, 2000);

});