No. 1 source for all things tips and tricks, tutorials, earning, stories, news, etc related to the trending topics on tech and life. We're dedicated to providing you the very best of free information related to the ongoing trending topics, with an emphasis on simplicity, ease to follow, free of cost.

Tuesday, March 21, 2023

Learn Simple Animation In 2 Minutes

 


In this tutorial you will learn how to make a simple animation using already available tools on our computer without the need of downloading extra huge and bulky tools which takes time to learn and slow downs our computer.

Step 1 

Download 4 Files from https://www.vishalsharma.com.np/p/images-files.html and 
Save the name as below: 1. bgImage.png
2. birdFly.gif
3. dogrun.gif
4. manrun.gif

Step 2 

Open Notepad and Copy Paste below code, Save the Notepad file as index.html
--------------------------------------------------------------------------
<html>
<head><title>Animation</title></head>

<style>
body{
background-repeat: no-repeat;
background-size: 100% 100%;
background-attachment: fixed;
}
</style>

<body background = "bgImage.png">

<marquee direction="left" Scrolldelay="60" onmouseover="stop()" onmouseout="start()">
<img src="birdFly.gif" width= "20%" />
</marquee>

<marquee direction="right" Scrolldelay="60" onmouseover="stop()" onmouseout="start()">
<br><br><br><br><br><br><br><br><br>
<img src="dogrun.gif" width= "20%" />&emsp;&emsp;&emsp;
<img src="manrun.gif" width= "22%" />&emsp;
</marquee>

</body>
</html>
--------------------------------------------------------------------------

Step 3 

Open index.html using any Web Browser of your choice. Eg: Chrome, FireFox, Edge, Safari, etc.


Share:

0 comments:

Post a Comment

Category

Recent Posts

Issues Related

If you find any content infringes your copyright or trademark and if you want it to be removed from this Blog or replaced by your original content please email us at vishal.sforu@gmail.com