动画4个div框仅动画2而不是4
的原因可能是由于动画效果的设置或代码逻辑的问题。以下是一些可能导致这种情况的原因和解决方法：
- 动画效果设置问题：检查动画效果的CSS属性和值是否正确设置。确保每个div框都具有正确的动画属性和值，例如动画名称、持续时间、延迟、重复次数等。
- 代码逻辑问题：检查代码中是否存在错误的条件判断或循环逻辑，导致只有2个div框被动画化。确保代码逻辑正确地应用于所有4个div框。
- 元素选择问题：检查代码中的元素选择器是否正确。确认所有4个div框都被正确地选中并应用了动画效果。
- 动画触发问题：检查动画触发的方式是否正确。确认动画触发的事件、触发器或交互方式适用于所有4个div框。
如果以上解决方法都没有解决问题，可能需要进一步检查代码或提供更多的上下文信息来帮助确定问题所在。
相关·内容
1回答
我有一个由4个框组成的网格，当我在它周围悬停时，我想使用jquery来做一个淡入淡出的效果。目前只有2个长方体有动画效果。我如何让另外两个长方体也有动画效果。<div class="col-6">
<div class="card-group">=&
浏览 0提问于2018-08-08得票数 1
3回答
我有一个CSS3动画，可以放大一个div框。这个div包含一个子元素"p"-tag。当我在div框中设置动画类时，p标记继承了动画。但是我只想在父div元素上运行动画，而不是在子元素上运行。如何防止动画(-webkit- animation )继承？我尝试在孩子身上设置-webkit-animation:none，但它不起作用。
浏览 9提问于2012-07-28得票数 1
回答已采纳
容器内部是触发器和隐藏框，如下所示：
<span id="box-1">Open 1</span> <span id="box-2">Open 2</span> <span id="box-3">Open 3</span> <span id="box-4&
浏览 0提问于2012-12-11得票数 1
回答已采纳
当用户在地图上选择一个位置时，我想显示一个类似Google应用程序显示的对话框。您可以在图1、图2和图3中看到它，这个对话框就像一个片段，我可以在全屏和部分模式下显示，当我不想再看到它时，我可以滑出。在这一刻，我只有一个动画对话框，当对话框被提示时具有样式，而另一个对话框被取消时，您可以在图4中看到。这不是预期的行为，因为我想与对话框交互，而不是应用简单的
浏览 3提问于2014-02-25得票数 0
回答已采纳
1回答
2列，每列大小为50%。;">block1</div> <div style:left; width:50%;">block4</div>
</d
浏览 0提问于2015-11-14得票数 0
1回答
我有以下脚本 $(document).ready(function(){ $("div.hide1").fadeTo("slow", 0.33);
$("div.hide1").sto
浏览 0提问于2009-10-21得票数 0
回答已采纳
2回答
转出动画
、、
所以在这个简单的例子中，假设你有一个元素，在悬停时有一个向右移动的动画。然后，当鼠标移动而不是直接跳回原始位置时，它会转换回该状态。 position:absolute; transition:left 3s linear;#test:hover{} 0%{ } left:300px;}
<div
浏览 11提问于2017-01-22得票数 2
1回答
Jquery响应式布局浮动动画
、、、、
当它们在彼此下面漂浮时，我想要它们做的就是将它们动画到那个位置。
显示了一个示例，当您调整窗口大小时，元素将浮动/动画到新位置。
浏览 0提问于2012-07-11得票数 0
回答已采纳
1回答
我已经创建了；红色的框使用CSS left属性设置动画，蓝色的框使用CSS Transform TranslateX属性设置动画。第一个问题是，最好的选择是什么？总体上哪一个更好？(支持更多的浏览器等)
接下来，有没有
浏览 2提问于2012-08-22得票数 1
回答已采纳
3回答
我正在使用一个结合了和的教程来使我的页面()中的元素具有动画效果。<div class="container">
<div class="p
浏览 0提问于2014-07-18得票数 2
回答已采纳
我创造了这样一个盒子：现在，我希望有一个hover属性来显示整个div的转换，如下所示： transition: all .2s ease-in-out !important;但问题是，在div上应用而不是悬停，而是应用于子类div，因此，例如，如果我悬停在4.90上，那部分是动画的，但是我想让整个框动画化。
完整代码片段：
浏览 0提问于2019-06-18得票数 1
回答已采纳
1回答
我试图动画一个圆形div，给一个波纹状的效果，填充它的容器。应该有一个最初的波纹(边界)，然后是主要形状膨胀，以填充容器。编辑:在Firefox中进行测试时，它会像预期的那样工作。可能是webk
浏览 4提问于2015-09-01得票数 3
1回答
有什么办法，我可以“禁用”角动画，直到某些事件？<div class="list--item" [@animFadeOut]></div>
为了避免视觉超载，我希望这个动画只在添加了一个新项目时才会播放，而不是当列表加载并填充所有项目时。
浏览 0提问于2018-10-02得票数 0
回答已采纳
每当props.children改变时，我想在名为Counter的钩子组件中使用样式组件v4触发我的动画，但是我不知道如何实现我的代码。`;
animation: ${highlight} 1s ease; {children} );
export def
浏览 16提问于2019-08-18得票数 1
回答已采纳
1回答
动画div高度以适应新内容
、、、、
我想动画的div高度，以适应新的内容与幻灯片下来的动画。html： row 1<br> row 3<br>javascript：container.click(function() {
浏览 3提问于2015-10-09得票数 2
回答已采纳
1回答
基于滚动位置来回设置动画
、、、
我已经创建了一个小演示两个框动画的基础上滚动位置。但这并不是我想要实现的目标。我想要的是让框的动画基于滚动位置，而不仅仅是当到达某个点时的过渡。例如，滚动应控制动画，因此，如果您向下滚动框将动画，如果您向上滚动，他们将动画。如果您在动画中间停止滚动，动画将会停止。如果反转滚动位置，动画将反转。所以动画只会在你滚动的时候发生。但现在，这是我的演示，
浏览 0提问于2018-08-02得票数 1
我想创建一个框的边框和里面的小div，我想当我有一个悬停在框里面的小div将开始动画，但动画根本没有开始，所以我删除了悬停也动画在这种情况下不起作用， 下面是我尝试过的： <div class="rowmb-4"> <div id=&qu
浏览 25提问于2021-07-12得票数 0
回答已采纳
2回答
我正在尝试使用以下代码(jquery)显示我的产品动画。class=\"prod\">" + $("#pr" + ((4*i) % prodNum)).html() + "</div>" +
"<div class=\"prod\">" + $("#pr" + ((4*i + 1) % p
浏览 0提问于2010-08-17得票数 2
2回答
基本上，我在我的网站顶部有一个div，我想要隐藏它，当你点击一个按钮时，它会将整个网站向下推，并显示其内容。与此非常相似(单击标题右侧的help center或poplar )。这个脚本可以工作，但它是跳跃的，因为如果关闭JS，div中的内容必须是可访问的，它必须获取高度，然后将其隐藏。我只是在寻找一种方法，使“抽屉”不是打开而是关闭时，页面加载，而不是它看起来什么都没有，直到你点击链接(就像nd.edu)。任何帮助都是最好的。-- End Wrapper -->
<&#x
浏览 2提问于2010-01-12得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
