为什么需要设置transform-origin:50% 0;呢?

为什么需要设置transform-origin:50% 0;呢?

.ear{

width:16px;

height:70px;

background:var(--hl);

border-radius:50%;

position:absolute;

z-index:0;

left:50%;

top:34px;

transform-origin:50% 0;

transform:translate(-42px,0) rotate(10deg);


}

.right{

transform:scale(-1,1) translate(-28px,0) rotate(10deg);

}


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕慕子 2020-09-07 09:51:30

同学你好,对于你的问题解答如下:

  1. transform-orign属性的作用是设置旋转元素的基点位置。

  2. 老师在源码中测试,ear设置的transform属性没有被划线,建议同学将你写完整代码,全部粘贴过来,并将你的检查结果也粘贴过来,老师针对同学的代码和结果,帮助同学准确高效的定位与解决问题。

祝学习愉快~

提问者 慕前端2185815 2020-09-06 21:30:21

为什么.ear里面的transform无效了呢?

  • 提问者 慕前端2185815 #1
    为什么会在检查中显示.ear里面的transform是划线的呢?
    2020-09-06 21:32:35
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

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

帮助反馈 APP下载

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

公众号

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

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师
插入代码