More than 5 years have passed since last update.

css Animation

Last updated at 2015-04-30Posted at 2014-11-29

    .on{-webkit-animation: move 2s linear;}

@-webkit-keyframes move{
0%{
-webkit-transform:translate(0px,0);
}
100%{
-webkit-transform:translate(200px,0);
}
}

0%から100%になるが、変化させたいプロパティを一括指定
-webkit-transition-property: -webkit-transform,width,border-radius,margin;