走一圈为什么是这样呢

来源:9-2 CSS3中调用动画

慕设计2092740

2014-12-04 17:40

@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);
  }
}


写回答 关注

1回答

  • purple_yao
    2014-12-05 10:11:04

    小球每次移到的相对坐标都是以前小球的位置。如下面图所示:

    548114170001a65e03360269.jpg

十天精通CSS3

本课程为CSS3入门教程,深刻详解CSS3知识让网页穿上绚丽装备

242553 学习 · 2623 问题

查看课程

相似问题