10. Program to create a rectangle and animate increase and decrease the size of rectangle.

kiri August 08, 2023

<!DOCTYPE html>

<html>

<head>

<style>

div {

width: 100px;

height: 100px;

background: red;

position: relative;

animation: mymove 5s infinite;

}

@keyframes mymove {

0% {top: 0px; background: red; width: 100px;}

100% {top: 200px; background: yellow; width: 300px;}

}

</style>

</head>

<body>

<h1>The @keyframes Rule</h1>

</body>

</html>

code\kiri