首页 > 建站教程 > CSS3+HTML5 >  css3 transition或transform导致周围元素受影响正文

css3 transition或transform导致周围元素受影响

我爱模板网在做大屏展示时,在某个按钮上加了下面的代码:
.btn{
    transition:all 100ms;
}
.btn:hover{
    transform:scale(1.2)
}
发现移动到这个按钮上,周围的一些元素会发生抖动,这时,只要让这些的translate为0即可。为了图省事,直接在公共样式加了下面的代码:
* {
  transform: translate3d(0, 0, 0);
}