HTML AND JS COODING IS HERE
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>WELCOME TO LEARN JQUARY</title>
<script src="test.js"></script>
<script>
$(document).ready(function()
{
$('img').mouseover(function()
{
$(this).css({'transform':'scale(5,5)' , 'transition':'5s'});
});
$('img').mouseout(function()
{
$(this).css({'transform':'scale(1,1)' , 'transition':'5s'});
});});</script>
</head>
<body bgcolor="red">
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<center>
<img src="images/a4.jpg" width="200" height="200" border="5">
</center>
</body>
</html>