CSS动画只循环3次，然后停止

文章/答案/技术大牛

发布

1回答

javascript、html、css

我有一架飞机，我想飞回来，然后无限地飞回第四架。我有一个适用于animationend的Javascript监听器，它工作得很好(我想)。它向右、向左、向右飞行，然后停下来并在其原始位置重置。当侦听器触发时，我只是让它切换链接到我想要的动画的类。和CSS类 .plane-right { from { left: 110%; }} 更新:我向侦听器添加

浏览 57提问于2020-05-02得票数 0

回答已采纳

2回答

Css关键帧循环，完成具有多个动画元素的动画迭代

html、jquery、css、animation

我有一个css关键帧动画循环。现在，当我单击一个按钮时，我希望动画完成当前循环，然后停止。问题似乎是相关的，但是animationiteration webkitAnimationIteration回调似乎不是在关键帧动画结束时调用的，而是更频繁地被调用。编辑:这几乎是正确的解决方案，只是它不能处理多个动画。有关更多信息，请参见下面的答案。显示我的动画，在悬停时，我想尝试完成当前循环，<em

浏览 28提问于2022-01-18得票数 0

回答已采纳

3回答

GIMP动画问题

gimp

有没有可能在GIMP中创建一个动画，只循环一定的次数，然后停止播放？但我希望动画在循环5次后停止，或者说30秒，而不是永远播放。我有什么选择？

浏览 0提问于2010-09-07得票数 1

回答已采纳

4回答

循环动画，然后停止

jquery、loops、animation

我试图使一个标志闪烁像霓虹灯标志，然后停在“上”版的标志。我使用这个功能来动画这个标志，并赋予它霓虹灯的效果：var $FlickImg = $('.logo img'), c = 0; $FlickImg.delay( time ).fadeTo(30, ++c%2, loop);问题是，我希望它在循环X次后停止(例如，10次

浏览 3提问于2013-09-26得票数 2

回答已采纳

1回答

jQuery动画-使幻灯片图像在相同的方向上迭代循环

javascript、jquery、html、css

我希望它只循环一个方向(从右到左)。children().length; var $ul = $width * $count; $('.flash-banner ul').css

浏览 0提问于2013-02-06得票数 0

回答已采纳

2回答

如何动态结束正在加载的动画

javascript、loops、animation、loading、after-effects

我想创建一个加载动画(不是在CSS中，它是一个复杂的Adobe After Effects动画)。我的目标是创建一个不断循环的动画，每当加载停止时，动画都会以不同的方式结束。因此，每当调用animation.stop()时，动画都会有一个dynamic ending。我该怎么做呢？我的第一个想法是创建两个动画。循环动画和结束动画。一旦调用了animation.stop()，您就将

浏览 22提问于2019-02-14得票数 0

1回答

为什么我的jQuery循环动画不能工作？

javascript、jquery、jquery-ui、loops、jquery-animate

我试图循环一个jQuery动画和jQuery UI‘爆炸’效果无限，直到事件停止。$('img').delay(2800).animate({right: '44%'}, 3000, movingPicture).effect('explode'); $('img').show();movingP

浏览 3提问于2014-07-26得票数 0

回答已采纳

3回答

动态添加带有动画的gif图像

javascript、jquery、html、css、animation

但动画只发生过一次。注意:我不想要循环gif。我只希望下一个img的行为就像第一个，动画然后停止。 img.attr('alt','alt'+topval); img.<

浏览 0提问于2015-10-13得票数 1

回答已采纳

1回答

CSS-动画:用于步行周期的嵌套动画

css、animation、nested、keyframe

如何打开和关闭嵌套元素中的二级动画以供步行周期使用？但是:当bug div暂停(由其动画定

浏览 1提问于2022-01-29得票数 0

1回答

如何在像过渡一样悬停后反转动画？

html、css、css-transitions、css-animations

CSS转换以动画形式返回到前一个状态，并遵循相反的转换规则。但动画不会。它们只是突然返回到原始状态(例如，当:hover或类被移除时)。有没有办法让动画表现得像过渡一样(就像下面的代码一样)？

浏览 1提问于2019-07-08得票数 0

3回答

CSS动画无法启动

javascript、html、css、animation

所以，我正在做这个汽车展览馆，我想使用CSS动画。现在只使用Firefox，当我手动将"img“的类设置为向左动画时，动画确实可以工作: HTML： <img src="test3.jpg" id="Position2" class="Pos2ForLeft，然后停止，就像我希望的那样。但是，当我从standart CSS类开始并想切换到包含动画的CSS</em

浏览 4提问于2015-05-05得票数 0

1回答

如何在javascript中使用嵌套的setTimeout()函数中断for-循环？

javascript、for-loop、settimeout

情况现在，我有下面的脚本，它在视觉上停止动画，但是底层的for-循环一直持续到后台的末尾：$("#animateButton").on("click} else { //Some CSS...an

浏览 0提问于2019-05-22得票数 0

回答已采纳

1回答

使用jQuery运行/暂停CSS动画

jquery、css、jquery-animate、delay

我想从暂停的CSS动画开始，然后使用jQuery运行动画一秒钟，然后再次暂停。css如下： -webkit-animation: one 5s infinite;}@-webkit-keyframes one { .....} 它有一些复杂的关键帧，其目标是它将播放1秒到20%的位置，然后<em

浏览 0提问于2012-04-28得票数 8

回答已采纳

1回答

在屏幕上移动的.png或.jpg图像，精灵工作表，css关键帧，停止和重复循环

javascript、jquery、html、css

有谁知道如何使用.png或.jpg图像来停止css关键帧的旋转/圆周运动，然后不是无限循环，而是在一段时间后停止？基本上，这个问题是我找不到一种方法来使用css的.png图像，然后当它在一段时间后停止时，用一个圆周运动绑定它。我尝试了spritesheet动画，成功地使图像移动，然后循环，但找不到一种方法，如何让图像在一段时间后停止，然后在单击画布时消失

浏览 2提问于2019-07-27得票数 0

2回答

CSS3动画在IE或Opera中不起作用

internet-explorer、browser、css、opera

我创建了一个简单的动画，使用webkit属性和CSS3在网站上旋转图像。这里是样式css (它只适用于div) position: relative; left: 0px;} 现在的结果是，在Mozilla Firefox，Chrome和Safari上，它可以正常工作，但在Opera和Internet explorer中，我看不到任何动画

浏览 3提问于2012-04-07得票数 2

回答已采纳

3回答

滚动事件上的@keyframe动画

javascript、jquery、css-animations、keyframe、onscroll

我使用可变字体，并希望使用滚动的@关键帧动画，然后当用户停止滚动时不使用动画。我可以让动画工作，但当你停止滚动，动画停止和快照回到起始位置，这使它看起来非常紧张。为了让它更流畅，我想知道是否有一种方法，当用户停止滚动时，是否有可能获得动画的当前位置，然后完成动画循环，然后停止，而不是立即回到起始位置？body').r

浏览 8提问于2020-04-14得票数 1

回答已采纳

1回答

在godot中，我只想运行一次与动画精灵相关的动画

animation、godot

我现在不能这样做，因为我用来检测输入的系统每帧运行一次，这意味着动画将继续循环每一帧。我试着让动画只在空格键被按下的时候运行，但它只是让它在空格键被取消时启动然后暂停，这不是我要做的。有没有办法让它，当某个键被按下时，动画精灵运行一次动画，然后停止？谢谢你的帮助。

浏览 5提问于2021-10-05得票数 0

2回答

如何在animation /MotionScene中无限地运行动画defind？

android、android-animation、android-motionlayout、android-motionscene

我读了Google的文档：，我还读了一些文档，比如所以，我的问题是：如何运行动画并将其放入循环中？(在我停止之前，永远拥有它。)是否有可能从startToEnd运行动画，<

浏览 6提问于2020-06-12得票数 4

回答已采纳

4回答

我如何播放和自动逆转一次乐天动画？

ios、swift、lottie

我目前正在尝试使用Lottie框架为我的应用程序添加一个动画。starAnimationView) starAnimationView.play()然而，这是工作的动画不断循环我似乎找不到如何将它设置为一个动画。默认为playOnce选项：：playOnce：动画播放一次，然后停止。：循环：动画将从开始<e

浏览 0提问于2019-07-10得票数 4

1回答

CSS3动画-停止@ every循环

html、css

我在试着理解CSS3动画。我举了的例子：在这种无限循环的情况下，我想在每次循环后停下来一秒钟。(在环模型中)。当我使用delay时，它会在动画的开始处停止。我怎么能在每个循环开始时给出延迟呢？我使用了ease out选项，它给人一种停止的感觉，但它会立即开始。

浏览 2提问于2012-05-31得票数 1

点击加载更多