learn web design

Dheeraj Kumar basicnetwork - July 04, 2019

ANIMATION

ANIMATION : Animation is a method in which image and picture manipulated and moving images.

we use a animation word and give a animation name and time period we can see in code animation is

most important role play in website /web application like popup images and moving images/content

we can say a animation

we can customize image height/width and direction and animation time. if we want a continue a animation we have a use infinite word in css

it is a basic animation code :

<!DOCTYPE html>
<html>
<head>
    <title>animation</title>
    <style>
       img{animation: 2s red; margin-top: 10px; margin-left: 300px; width: 60%;}

       @keyframes red{

0%{height: 150px; width: 200px}
50%{height: 120px; width: 300px;}
80%{height: 350px; width: 400px;}
100%{height: 450px; width: 600px;}
}
    </style>
</head>
<body>
    <div class="box1">
       <img src="1.jpg">
    </div>

</body>
</html>

is outpu snapshot