back
Code
CSS
HTML
Web
#div258{
height:150px;
width:150px;
background-color:blue;
animation-name:colours;
-webkit-animation-name:colours;
animation-duration:15s;
-webkit-animation-duration:15s;
animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
animation-direction:normal;
-webkit-animation-direction:normal;
}
#div259{
height:150px;
width:150px;
background-color:blue;
animation-name:colours;
-webkit-animation-name:colours;
animation-duration:15s;
-webkit-animation-duration:15s;
animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
animation-direction:reverse;
-webkit-animation-direction:reverse;
}
#div260{
height:150px;
width:150px;
background-color:blue;
animation-name:colours;
-webkit-animation-name:colours;
animation-duration:15s;
-webkit-animation-duration:15s;
animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
animation-direction:alternate;
-webkit-animation-direction:alternate;
}
@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;}
}