老师好,想问下left相对谁绝对定位的?为什么眼球的位移left数值增加,两个眼珠向内靠近?

来源:2-5 汉克狗的眼球

慕设计4069547

2019-06-04 19:02:02


.pupil{
   width: 26px;
   height: 26px;
   background-color: #e79101;
   border-radius: 50%;
   position: absolute;
   left: 3px;/*不明白*/
   top: 1px;/*不明白*/
   
}

写回答

1回答

好帮手慕慕子

2019-06-05

同学你好,pupil这的的left是相对它的父级元素eye进行定位的。 因为右侧眼球eye的x轴发生了翻转,所以设置left数值增加的时候, 两个眼珠是靠近的。

如下图所示, 老师给右侧的父元素设置了scale(-1, 1)导致x轴翻转了, 

http://img.mukewang.com/climg/5cf728140001000011680161.jpg

此时左右侧眼球的坐标轴可以理解为下图所示的状态, 所以left值增加的时候, 两个眼球是靠近的状态。

http://img.mukewang.com/climg/5cf729b3000152d003510230.jpg

如果帮助帮助到了你, 欢迎采纳!

祝学习愉快~~~

3

0 学习 · 40143 问题

查看课程