css animation easy code
<!Doctype html>
<html>
<head>
<style>
div
{
width:100ps;
height:100px;
background-color:red;
-webkit-animation-name:exmple;
-webkit-animattion-duration:4s;
animation-name:exmple;
animation-douration:4s;
}
@-webkit-keyframes examples
{
0%{background-color:red;{
}
25%
{background-color:red;
}
50%{background-color:yellow;}
75% {background-color:pink;}
{
@keyframes exmple{
0% {background-color:red;}
25%{ backgound-color; yellow'}
100% {background-color-green;}
</style>
</head>
<body>
<p>animation </p>
</body>
</html>
output:------
Comments