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

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

有花不见叶

2016-07-03

源自：十天精通CSS3 9-2

关注问题我要回答

1021

操作

收起

5 回答

深山小童回答被采纳 +3 积分
2016-07-03

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

0 回复有任何疑惑可以回复我~

收起回答

有花不见叶提问者
2016-08-05

谢谢！

0 回复有任何疑惑可以回复我~

收起回答

幕布斯9080258
2016-08-04

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

1 回复有任何疑惑可以回复我~

收起回答

有花不见叶提问者
2016-07-03

谢谢！

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

十天精通CSS3

参与学习 242549 人
解答问题 2623 个

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

进入课程

本课相似问答

1 回答对outline两点不理解的地方，请指点！

5 回答请指点一下

5 回答为什么一个框里上图50%下图50%确不会接触到一起？？

1 回答这节有点不懂，裁剪后我没看到什么地方有变化

5 回答关于那个 background-image 有有点不懂，求解！

搜索更多本课相关问答

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

我要回答关注问题

热搜

最近搜索清空

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

5 回答

本课相似问答

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