JSFiddle - React, Tailwind, and code Playground

by SUNGMIN SHIN

HTML

<button type="button" id="btnStart">시작</button>

<div id="container">

  <div id="fish">물고기</div>

</div>

CSS

#container{position:relative;padding:20px;}
#container #fish{position:relative;width:70px;height:30px;border:2px solid red;text-align:center}

JavaScript

// jQuery
var $fishEle = $('#fish');

$('#btnStart').on('click', function() {
  $fishEle.animate({
    left: 430
  }, 5000);
});