html
html
1
<div></div>
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
div {
width: 350px;
height: 350px;
position:relative ;
border-radius:175px;
background-color: red;
animation-name: colorchange;
animation-duration: 10s;
animation-iteration-count:infinite ;
-webkit-animation-name: colorchange;
-webkit-animation-duration: 10s;
-webkit-animation-iteration-count:infinite ;
}
@keyframes colorchange {
0% {background-color: red; }
25% {background-color: orange;}
50% {background-color: green; }
70% {background-color: blue; }
90% {background-color: purple;}
100% {background-color: red; }
}
@-webkit-keyframes colorchange {
0% {background-color: red; }
25% {background-color: orange;}
50% {background-color: green; }
70% {background-color: blue; }
90% {background-color: purple;}
100% {background-color: red; }
Enter to Rename, Shift+Enter to Preview
js
js
1
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run