CSS结束动画？

文章/答案/技术大牛

发布

4回答

javascript、css、animation

因此，当类被加载时，我可以很容易地制作一个动画，如下所示： @keyframes dropin { to {top: 0;}.menu {none;} 因此，当我单击一个按钮时，javascript就会执行，并将display:none属性更改为block，然后它就会播放fadein动画当它变回display: none时，就没有动画了。在css中有解决这个问题的方法吗？如果不是，我怎么做呢？

浏览 28提问于2017-03-13得票数 0

回答已采纳

2回答

css动画无动画结束

javascript、css、css-animations

在这种情况下，需要向可能导致CSS3动画触发器的元素中添加类。动画完成后，我需要继续执行流程，这可以通过使用元素的animationend事件来完成。但是，我要添加到元素中的CSS类并不总是包含动画，因此永远不会触发animationend。我举了一个例子来说明情况，。谢谢。

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

回答已采纳

1回答

不使用Element.animate()的Javascript事件

javascript、html、css、animation

我试图使用Javascript中的Element.animate()方法向我的网站添加动画，但意识到动画事件不会在动画运行时触发。], { duration: 1000, });在上面的代码中，动画会运行，但是动画事件不会被触发。

浏览 2提问于2021-08-15得票数 1

回答已采纳

1回答

跳到CSS动画的末尾

css、css-transitions、css-animations

我已经实现了一个具有开始和结束状态的CSS3动画。一旦到达结束状态，动画就停止，不再重复。我需要做的是有一个“跳过到结束”的链接，它绕过整个动画，但显示最后的状态。通过CSS3可以做到这一点吗？以下是动画页面：谢谢!

浏览 4提问于2013-11-14得票数 1

2回答

如何尽早结束CSS动画？

javascript、css、animation

我正在使用CSS动画制作一个进度条。但是，是添加类以使进度栏100%宽度(动画的最终状态)无法工作的超时，不工作。浏览器仍然将进度条显示为动画使用的任何宽度，直到动画完成为止。如何使用JavaSc

浏览 3提问于2017-05-18得票数 1

回答已采纳

2回答

CSS3动画处于结束状态3秒

css、animation、delay

在执行CSS3动画时，是否可以在动画结束时停留几秒钟，然后回到原来的状态？谢谢。

浏览 3提问于2014-09-15得票数 1

回答已采纳

1回答

CSS动画突然结束

javascript、jquery、css、css-animations

我制作了一个旋转动画。单击spinner，JS添加类“加载”，然后开始旋转。但是，如果我删除这个类，它将返回到之前的位置，没有动画。这是我的CSS： animation: spin 1s linear infinite 0s forwards; from

浏览 2提问于2020-03-06得票数 1

回答已采纳

1回答

如何让jquery像CSS一样悬停？

jquery、css、hover

我在这里用jquery和css代码制作了两个悬停效果：如何让jquery像css一样悬停?！我不想

浏览 0提问于2012-08-31得票数 1

1回答

jQuery滑出问题

javascript、jquery、html、css、jquery-ui

我对一些jQuery动画有一个问题。我设法使我的灵活的侧边栏在很大程度上，但我有一些问题的幻灯片外效果。滑出功能使侧边栏立即消失。

浏览 0提问于2017-04-03得票数 0

1回答

当正在播放滚动动画时禁用滚动

javascript、jquery、jquery-plugins、jquery-scrollable

当用户向上或向下移动鼠标滚轮、按关键字箭头或移动侧边的滚动条时，我正在尝试创建滚动动画。它和我发现的非常相似。当滚动动画发生时，您仍然可以使用鼠标滚轮滚动，这会使移动看起来很丑陋，会上下颠簸一段时间。

浏览 7提问于2013-07-08得票数 2

2回答

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

javascript、loops、animation、loading、after-effects

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

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

2回答

将随机添加到css3动画循环

javascript、jquery、css、animation

每次css3动画循环时，我都想更改样式中的一个变量。例如，下面的css从屏幕的顶部到底部放置一组降落伞： 0% { top: -300px; opacity: 100; }}); 但是有没有一种方法可以将css循环绑定到js来做到这一点呢？也就是说，是否存在js可以监听的任何类型的返回调用，以实现与动画

浏览 3提问于2012-05-16得票数 5

回答已采纳

1回答

如何在打字机效果完成后显示按钮？

javascript、css、reactjs、material-ui

我试图使用打字机效果，以便编写一个文本行，然后在动画停止时显示一个按钮。styles.css： overflow: hidden; /* Ensures the content is not revealed until the animation/styles.css';import Button from "@material-ui&

浏览 1提问于2020-03-02得票数 1

回答已采纳

1回答

当对象离开页面时更改CSS3动画循环

jquery、css、loops、animation

我有一个基于CSS3 3的动画，在动画上设置了“无限”属性。你可以在上看到一个演示我想要做的是改变元素的X位置，当它们从页面的顶部浮出时，当它们在页面底部继续时，它们处于一个新的随机位置。我以为我可以用jQuery的“动画端”回传来做，但它似乎不起作用。或者我的代码错了，或者CSS动画设置为“无限”意味着它永远不会结束(我认为循环的结束可能被认为是“结束”，但可能不是)。var bubbleoffset = Math.floor((

浏览 3提问于2014-07-16得票数 1

回答已采纳

1回答

延迟时间后自动填充颜色- svg

css、svg、svg-animate

我想要自动填充颜色后，一个固定的延迟时间(在动画之后)，现在颜色只填充在悬停，只有当我们点击它。我想在延迟时间后自动填充颜色。

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

回答已采纳

2回答

在:active...impossible上触发2秒动画？

css、css-animations

我有一个css动画，我想要触发:活动使用纯css。如果在动画结束前松开鼠标，它就会立即停止。持续时间不会超过鼠标被点击的时间！鼠标向上移动就会停止。我错过了什么参数？如何在活动状态结束后强制动画序列完成？我不敢相信用CSS是不可能的..。

浏览 4提问于2020-02-08得票数 0

回答已采纳

2回答

如何在CSS关键帧动画结束第一个循环时暂停它？

css、css-animations

我正在制作我的第一个CSS关键帧动画，想知道如何在动画完成第一次运行后暂停它。你可以在这里查看我的网站：，底部的灰色引号有一个悬停动画，你可以看到。但是，一旦动画结束，它就会重置。我应该如何停止它，以便它在结束时停留在动画的结束状态？我知道在这种情况下使用关键帧动画是不必要的，但我真的只是测试关键帧，稍后会用得更好。:)

浏览 0提问于2012-11-25得票数 0

回答已采纳

1回答

javascript:如何连续显示gifs，避免预加载

javascript、jquery、animation、gif

我有一个网页，想要依次显示五个动画gifs；我的意思是，只有当gif2的动画结束时，gif1才会出现并启动动画。我尝试了下面的代码，但是它有一个奇怪的行为，因为在FF和Chrome上，它大多数时候都按我的意愿运行，但是有时gifs会顺序出现，但它们的动画已经结束了。动画只需1秒左右。你能帮帮我吗?(400); $('#gif2').css('visibility','visible').hid

浏览 0提问于2013-09-19得票数 1

回答已采纳

1回答

如何检测CSS动画何时以JavaScript开始和结束？

javascript、css、animation

我习惯于用JavaScript为元素添加动画效果。我发现用CSS3做这件事更简单。使用JavaScript如何检测CSS动画何时开始，何时结束？有什么办法吗？

浏览 5提问于2013-02-10得票数 20

1回答

动画能在css3中触发另一个动画吗？

html、css

是否有可能用CSS3中的另一个动画触发动画？或者，当另一部动画完成后，是否有可能使一部动画在刚结束时启动？我知道java脚本是可能的，但我想知道它是否可以用纯css3实现？

浏览 3提问于2014-12-24得票数 0

回答已采纳

点击加载更多