css transform:scale缩放后位置偏移问题解决

.div1{
	&:hover{
		transform:scale(1.2)
	}
}
div使用css的transform:scale放大后会出现原先的dom元素偏离原始位置的情况,比如撒点移入时候会导致点位偏移

解决方案:

.div1{
	&:hover{
		transform:scale(1.2);
		transform-origin: 20% 50%;
	}
}

使用transform-origin抵消掉原始的偏移量,数值可根据情况自己调整

你可能感兴趣的:(前端开发工程师,css,前端)