Full Stack Web Development Courses with Real-time projects Start Now!!
Program 1
<html>
<head>
<style>
div{
background-color:red;
width:300px;
height:300px;
/*animation-name:example;
animation-duration:3s;
animation-delay:2s;
animation-iteration-count:3;
animation-timing-function: ease-out;*/
animation:example 2s linear 2s 3;
}
@keyframes example
{
from {background-color: red;}
to {background-color: yellow;}
}
</style>
</head>
<body>
<div>
This is some text
</div>
</body>
</html>