@-webkit-keyframes スイング {
50% {
-webkit-transform:回転(10度);
transform: 回転(10度);
}
100% {
-webki t-transform: 回転(- 10deg);
変換:回転(-10deg);
}
}
@keyframes swing {
50%{
-webkit-transform:rote(10deg);変換: 回転(10度);
}
100% {
-webkit-transform: 回転(-10度);
-ms-transform: 回転(-10度);
変換: 回転(-10度);
}
}
调用アニメーション画
-webkit-transform-origin: center center;
-ms-transform-origin: center center; transform-origin: center center;
-webkit-animation-name: spring;
アニメーション名: スイング;
}
详情查看h ttp://www.w3school.com.cn/cssref/ pr_transform-origin.asp