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
div {
width: 100px;
height: 100px;
background-color: orange;
animation-name: colorchange;
animation-duration: 4s;
-webkit-animation-name: colorchange;
-webkit-animation-duration: 4s;
}
@keyframes colorchange {
0% {background-color: orange; }
50% {background-color: magenta; }
100% {background-color: orange; }
}
@-webkit-keyframes colorchange {
0% {background-color: orange; }
50% {background-color: magenta; }
100% {background-color: orange; }
}
Enter to Rename, Shift+Enter to Preview
js
js
1
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run