How to Create Animation using jQuery

March 17, 2020March 17, 2020 royalrahul007 1 Comment animate css, animation, goanimate, jquery css, jquery fadein, jquery load, jquery selector, jquery timepicker, jquery tooltip

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