问答详情
源自：9-2 CSS3中调用动画

50%这个地方，不懂，求指点一下

50%{ transform: translate(180px, 180px); }这一句的意思是先向下然后再向左吗？为什么改成50%{ transform: translate(0px, 180px); }就从右上角直接向左下角的地方走？

提问者：有花不见叶 2016-07-03 20:12

个回答

  • 深山小童
    2016-07-03 20:30:27
    已采纳

    @keyframes里的属性是相对于元素初始状态（除去@keyframes外元素本来的状态），本例中元素本来的位置为左上角，位移是相对于左上角来进行的。所以会出现你所说的情况。再仔细研究下，亲。

    0
  • 有花不见叶
    2016-08-05 08:54:54

    谢谢！

    0
  • 幕布斯9080258
    2016-08-04 19:09:34

    180px就是x值，另一个就是y值

    1
  • 有花不见叶
    2016-07-03 20:44:32

    谢谢！

    0