0

是否可以进行 css 过渡，导致一个 div 的宽度扩展滑过另一个 div 而不是将其移开？

4

1 回答 1

0

是的，有可能，这里是 HTML 和 CSS

HTML：

<body>

  <div class="overlord"></div>
  <div class="target"></div>

</body>

CSS：

.target
{
  z-index:-1;
  position:fixed;
  left:120px;
  width:100px;
  height:100px;
  background:blue;
}

div.overlord
{
  float:left;
  z-index:999;
  width:100px;
  height:100px;
  background:red;
  transition:width 2s;
  -webkit-transition:width 2s; /* Safari */
}

div.overlord:hover
{
  z-index:999;
  width:300px;
}

JSFIDDLE

于 2013-10-30T23:28:42.080 回答