小编The*_*ess的帖子

当鼠标悬停在一个div上时,更改其他div的类

我有四个div.当我悬停一个div,它随着动画heightwidth增加.我想要的东西就像我悬停在一个div尺寸增加而其他3个div尺寸正在减少时.

我完成了直到增加div悬停的大小我不明白如何一次改变所有其他divs的大小.

这是我的HTML和CSS.

.style_prevu_kit {
  display: inline-block;
  border: 0;
  width: 196px;
  height: 210px;
  position: relative;
  -webkit-transition: all 200ms ease-in;
  -webkit-transform: scale(1);
  -ms-transition: all 200ms ease-in;
  -ms-transform: scale(1);
  -moz-transition: all 200ms ease-in;
  -moz-transform: scale(1);
  transition: all 200ms ease-in;
  transform: scale(1);
  background-color: #00a096;
}
.style_prevu_kit:hover {
  box-shadow: 0px 0px 150px #000000;
  z-index: 2;
  -webkit-transition: all 200ms ease-in;
  -webkit-transform: scale(1.5);
  -ms-transition: all 200ms ease-in;
  -ms-transform: scale(1.5);
  -moz-transition: …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery css3

13
推荐指数
2
解决办法
1707
查看次数

标签 统计

css ×1

css3 ×1

html ×1

javascript ×1

jquery ×1