不懂为什么是这样,求教

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

慕设计2092740

2014-12-04 17:37

不理解转一圈为什么是上面的,而不是:

@keyframes around{
  0% {
    transform: translateX(0);
  }
  25%{
    transform: translateX(180px);
  }
  50%{
     transform: translateY( 180px);
  }
  75%{
    transform:translate(-180px,0);
  }
  100%{
    transform: translateY(0,-180px);
  }
}。

有跟我一样疑惑的没?

写回答 关注

2回答

  • Ottff
    2020-07-02 11:12:11

    每一次位置其实都是相对于原始位置 而不是上一帧的位置。

  • faker灬大魔王zZ
    2016-04-04 10:46:24

    inline的属性吧

十天精通CSS3

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

242554 学习 · 2623 问题

查看课程

相似问题