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

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

有花不见叶

2016-07-03 20:12

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

写回答 关注

4回答

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

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

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

    谢谢!

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

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

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

    谢谢!

十天精通CSS3

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

242554 学习 · 2623 问题

查看课程

相似问题