老师好,想问下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回答
同学你好,pupil这的的left是相对它的父级元素eye进行定位的。 因为右侧眼球eye的x轴发生了翻转,所以设置left数值增加的时候, 两个眼珠是靠近的。
如下图所示, 老师给右侧的父元素设置了scale(-1, 1)导致x轴翻转了,
此时左右侧眼球的坐标轴可以理解为下图所示的状态, 所以left值增加的时候, 两个眼球是靠近的状态。
如果帮助帮助到了你, 欢迎采纳!
祝学习愉快~~~
相似问题