gpt4 book ai didi

css - 使 css 过渡滑过另一个容器的顶部

转载 作者:行者123 更新时间:2023-11-28 12:06:34 25 4
gpt4 key购买 nike

是否可以制作一个 css 转换,使一个 div 的宽度扩展到另一个 div 上,而不是将其移开?

最佳答案

是的,这是可能的,这是 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

关于css - 使 css 过渡滑过另一个容器的顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19695242/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com