}
#translate {
background-color: blue;
- -webkit-animation-name: "move1";
+ -webkit-animation-name: move1;
}
- @-webkit-keyframes "move1" {
- from { -webkit-transform: translateX(100px); }
- to { -webkit-transform: translateX(200px); }
+ @-webkit-keyframes move1 {
+ from { transform: translateX(100px); }
+ to { transform: translateX(200px); }
}
#left {
position: relative;
background-color: red;
- -webkit-animation-name: "move2";
+ -webkit-animation-name: move2;
}
- @-webkit-keyframes "move2" {
+ @-webkit-keyframes move2 {
from { left: 100px; }
to { left: 200px; }
}