back
Code
CSS
HTML
Web
#div262{
height:150px;
width:150px;
background-color:blue;
animation-name:colours;
-webkit-animation-name:colours;
animation-iteration-count:2;
-webkit-animation-iteration-count:2;
animation-duration:5s;
-webkit-animation-duration:5s;
}
#div263{
height:150px;
width:150px;
background-color:blue;
animation-name:colours;
-webkit-animation-name:colours;
animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
animation-duration:5s;
-webkit-animation-duration:5s;
}
@keyframes colours{
0% {background-color:blue;}
25%{background-color:green;}
50%{background-color:red;}
75%{background-color:orange;}
}
@-webkit-keyframes colours{
0% {background-color:blue;}
25%{background-color:green;}
50%{background-color:red;}
75%{background-color:orange;}
}