css3动画，设置动画基点

标签：动画   css3   基点   

@-webkit-keyframes swing {
    50% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }
    100% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
}


@keyframes swing {
    50% {
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
  }
   100% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
}

调用动画

.swing {
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-animation-name: swing;
  animation-name: swing;

}

css3动画，设置动画基点

标签：动画   css3   基点   

原文地址：http://blog.csdn.net/u012011360/article/details/48132027