走一圈為什么是這樣呢
@keyframes around{
? 0% {
??? transform: translateX(0);
? }
? 25%{
??? transform: translateX(180px);
? }
? 50%{
???? transform: translate(180px, 180px);
? }
? 75%{
??? transform:translate(0,180px);
? }
? 100%{
??? transform: translateY(0);
? }
}
而不是：
@keyframes?around{
??0%?{
????transform:?translateX(0);
??}
??25%{
????transform:?translateX(180px);
??}
??50%{
?????transform:?translateY(180px);?
??}
??75%{
????transform:translate(-180px,0);
??}
??100%{
????transform:?translateY(0,-180px);
??}
}
2014-12-05
小球每次移到的相對坐標都是以前小球的位置。如下面圖所示：