动画移动其他元素
嗨，我有一个问题，我的网站上的动画。我有两个div，一个有100%的高度，如果我悬停在它上面，它会下降2个rems，而这个元素下的所有其他内容也会下降。我该怎么修好它？下面是指向简单示例的链接：jsfiddle
null
.container {
display: flex;
width: 100%;
}
.item {
height: 75px;
width: 25%;
background-color: #555;
}
.item:hover{
margin-top: 2rem;
}<body>
<section>
<div class="container">
<div class="item">Some content</div>
<div class="item">Some content</div>
<div class="item">Some content</div>
<div class="item">Some content</div>
</div>
<div class="body">
<div class="content">
<p>
Lorem ipsum dolor sit amet.
</p>
</div>
</div>
</section>
</body>null
共有1个答案
一种方法是始终在每个.item上呈现一些margin-bottom。然后，在悬停状态下，将margin-bottom移动到margin-top，这样元素就移动了，但占用的空间相同，这样div下面的文本就不会移动：
null
.container {
display: flex;
width: 100%;
}
.item {
height: 75px;
width: 25%;
background-color: #555;
margin-bottom: 2rem;
}
.item:hover{
margin-top: 2rem;
margin-bottom: 0;
}<body>
<section>
<div class="container">
<div class="item">Some content</div>
<div class="item">Some content</div>
<div class="item">Some content</div>
<div class="item">Some content</div>
</div>
<div class="body">
<div class="content">
<p>
Lorem ipsum dolor sit amet.
</p>
</div>
</div>
</section>
</body>-
在注释上使用jQuery： }）； 现在是正确的。只是时间，我不明白是怎么回事。如果我想让所有的文本停留20秒，我必须给退步和退步到20000？如果我希望事务只花1秒在1到2之间完成？ 编辑：已正确更改。现在，它需要1秒钟来显示第一个，然后，等待18秒钟什么也不做，在另一秒钟，它隐藏，并出现第二个。 动画时长：60秒。
-
GraphRequest请求=GraphRequest。newGraphPathRequest（AccessToken.getCurrentAccessToken（），“/我/朋友”，new GraphRequest。Callback（）{@Override public void onCompleted（GraphResponse response）{//在此处插入代码 } 这是我的男拳。xml
-
本文向大家介绍JS div匀速移动动画与变速移动动画代码实例，包括了JS div匀速移动动画与变速移动动画代码实例的使用技巧和注意事项，需要的朋友参考一下 1.匀速移动代码 2.变速移动代码 common.js 以上所述是小编给大家介绍的JS div匀速移动动画与变速移动动画详解整合，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对呐喊教程网站的支持！
-
我是Android新手，需要建议。我有一个带有多个ImageView的GridLayout。每个ImageView都有一个可绘制的背景色。在单击按钮时，我想根据用户的输入设置两件事的动画：1）将整个视图移动到新位置（这一部分很清晰，不会造成问题），2）仅将图像的可绘制部分移动到新单元格，将背景色保留在原始位置。我完全被困在第二项任务上。如何使用动画移动可绘制的内容？谢谢你的帮助。
-
我有一个文件夹，其中有一个。dat文件和一个是。zip文件，我必须移动。将文件压缩到另一个目录 我有两个文件夹，一个是 请建议如何实现这一点，我现在所做的是。。。
-
一段时间以来，我一直面临的问题是，每当我向JPanel添加JButton时，我使用的任何其他JButton都会朝着这个方向移动。 以下是第一个代码： 一切似乎都正常吗？如果我们添加第二个按钮： 然后按钮1向下移动到按钮2。有人知道为什么和/或修复它吗？ 编辑：我想问的是，如何在不移动其他按钮的情况下添加另一个按钮。