transform: translateY(90px);代码的作用在哪里

来源:9-7 CSS3中设置动画播放方向

qq_此号无法兑奖_0

2017-07-13 20:51

代码已经有动画了,这句代码的作用是什么?删了之后也没有变化

写回答 关注

2回答

  • 神影天初
    2018-08-18 19:41:42

    本来一开始方块的位置应该是在(0,0)坐标处,但是动画设置它0%的时候在(0,90)坐标处,这是瞬间完成的。至于删了为什么没有变化是因为在span里面也设置了初始坐标为(0,90),如果你把那个代码删了,再把0%的代码删了,你就看到变化了。

  • 宝慕林1376328
    2017-07-14 00:31:19

    translateY(Y)仅垂直方向移动(Y轴移动,向下移动90px, translate分为三种情况(x,y)、X(x)、Y(y)。CSS3的过度transition属性是一个复合属性,主要包括n个子属性,translate是其一。

十天精通CSS3

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

242554 学习 · 2623 问题

查看课程

相似问题