视频中疑问

相关截图：

老师，这一块不是特别理解为什么不设置translateX？

在视频中7:30秒左右

你怎么睡得着的 2021-12-11

源自：过渡与动画 2-19 动画效果实战课

19

收起

1回答

好帮手慕星星 2021-12-11 11:08:45

同学你好，transform属性值开始是旋转45度，坐标轴也会跟着旋转，也就是下面这样

所以线条想要45度的上下移动，平移y轴，也就是使用translateY()即可，translateX()效果不对。

自己再测试下，祝学习愉快！

慕芸芸 #1

y轴朝上的意思是translateY()中值为正值，就是向上走吗？

2022-12-14 13:39:50
好帮手慕慕子回复慕芸芸 #2

问题解答如下：
1、不是的，示例图中重点是想展示设置了rotate后，坐标轴也是跟着旋转的，忽略了箭头方向。
2、默认是以元素的左上角坐标轴原点，水平向右为x轴正方向，垂直向下为y轴正方向，所以translateY中设置正值时，元素向下移动，示例：

祝学习愉快~

2022-12-14 14:13:01

相似问题

短视频app

老师，最后一节视频讲解不全

老师，请问JAVA就业班的视频可以下载到电脑吗

视频中的疑问

有一个疑问

登录后可查看更多问答，登录/注册

前端工程师

参与学习人
提交作业 15717 份
解答问题 17883 个

入行前端，是明智的选择！市场需求大，就业前景好，入行门槛低，小白易上手全新升级:技术更新,Vue3.0/TypeScript/React17.x; 技术更全面,从0基础到全栈开发再到大型项目构建

本课精华内容

问答作业

老师,请问vscode有哪些好用的插件推荐一下...

157 1

老师,API具体是指什么呢?

75 1

老师,这两种情况为什么得到的结果不一样?

31 2

没有思路

201 5

老师给点提示。

155 1

查看更多本课问答

请稍等 ...

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号