我正面临某种奇怪的 problem,它在缩小元素后发生。
div{
padding: 60px;
margin:100px;
background-color:red;
transition:1s;
}
div:hover {
transform:scale(1.2);
}
<div>abc</div>
你遇到过这样的事情吗?是否因为某些性能问题而发生?
谢谢。
答案 0 :(得分:1)
改用 3D 变换:
div{
padding: 60px;
margin:100px;
background-color:red;
transition:1s;
transform:perspective(100px) translateZ(0);
}
div:hover {
transform:perspective(100px) translateZ(10px);
}
<div>abc</div>