How to Create Animation using jQuery

In this article, you will learn How to Create Animation using jQuery like hiding and show.

Example:-

<html>
<head>
<title>Animation in jQuery</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script> 
$(document).ready(function(){
  $("button").click(function(){
    var div = $("div");  
    div.animate({left: '250px'}, "slow");
    div.animate({fontSize: '3em'}, "slow");
  });
});
</script> 
</head>
<body>
<button>Click to Animation</button>
<div style="background:red;color:#fff;height:200px;width:500px;position:absolute;">Welcome to Hub of Tutorials</div>
</body>
</html>

Check on Blogger