如何在JS中触发CSS动画？

文章/答案/技术大牛

发布

2回答

供应商在javascript中的前缀css3属性

javascript、html、css

我正在尝试添加动画持续时间的css3属性，相应的高度和宽度的网格。我是用这个代码div.style.animationDuration.做的这对我有好处。我关心的是如何在js (如-ms-动画持续时间)中为动画持续时间添加供应商前缀css3属性。

浏览 3提问于2016-03-01得票数 0

1回答

在javascript中触发css动画

javascript、css、animation、arrow-keys

如何在按下箭头键时获得CSS动画触发器？动画代码： body {} width: 451px; displaybackground-position: -7667px;} </head> <div id=down><&

浏览 0提问于2016-03-10得票数 2

1回答

没有悬停的css父子循环过渡

javascript、jquery、css、css-transitions

在我的html5页面上，我有一个成功触发css的js。"img").fadeOut('slow', function() { });</script>

浏览 1提问于2013-10-30得票数 0

1回答

如何在iOS上为HTML5横幅提供过渡动画？

ios、html、css、css-transitions、html5-animation

我在这里讨论的过渡动画类型是 -尽管我需要的动画是一个简单的垂直过渡，没有本机iOS推送通知所具有的3D效果。谢谢你的帮助！

浏览 1提问于2013-01-07得票数 0

回答已采纳

1回答

iPad上的iBooks/Safari中非常糟糕的JS定时器粒度？

ipad、safari、settimeout、ibooks

他们使用JS、setTimeout和/或requestAnimationFrame制作动画。在对为什么动画运行如此缓慢的原因进行了广泛的调试之后，我发现计时器是在触发，而不是在我请求的20-50毫秒内(并在桌面上运行Chrome或Safari )，间隔时间是的10倍多，有时是1秒或更长的(这是这仅仅是一个慢速处理器的函数(我正在iPad 2上测试)，正如所讨论的或者，这是否与据报道的setTimeout在滚动期间不起作用有关，如所讨论的 (尽管在我的例子中不涉及滚动)？对于您

浏览 2提问于2012-09-06得票数 1

回答已采纳

2回答

javascript、css、css-animations

我有一个气球，当它悬停时，会展开n消失(一个类似弹出的动画)。这是我用CSS做的，但是当光标移动时，气球就会返回。我希望气球永远消失，直到我刷新页面，所以我猜它需要onclick，但该选择器在CSS中不可用。下面是我在CSS中拥有的内容 @keyframes pop from{ transform: translateZ(0) scale(1,1但我不知道我需要写什么才能触发动画。还有

浏览 30提问于2020-04-12得票数 0

回答已采纳

2回答

CSS转换后的触发器javascript /动画

javascript、html、css、css-transitions

我不希望从JS触发CSS动画，而是相反。如果我通过-webkit-transition或transition: all 1000ms类型样式表做CSS动画，有没有办法在转换完成后触发JS函数？基本上，我一直在通过javascript制作动画，我想将其中的一些转换为CSS动画，但我需要在动画完成后触发javascript事件。

浏览 2提问于2012-12-04得票数 1

回答已采纳

2回答

用什么语言制作网站动画？

animation

许多网站都有加载动画，幻灯片文本等。用什么语言触发动画？

浏览 3提问于2017-06-29得票数 0

回答已采纳

1回答

多个翻转实例(图像)

jquery、jquery-ui、css、transform

所有这些都带有透视图动画。我真的不知道如何使翻转动画自动进行。我发现了一些东西，但它们可以在悬停或点击+时翻转，你可以翻转2个实例(前面和后面)。

浏览 3提问于2014-01-05得票数 0

回答已采纳

2回答

如何用纯css或最少的js在端帧停止无限的css动画？

html、css、animation

我知道我们可以通过animation-fill-mode: forwards;停止有限的css动画。然而，如何实现相同的效果无限动画？例如，对于下面的片段，当pointerup被触发时，如何在360deg状态下停止动画？ } transform: rotate(360deg);} 我知道我们可以在JS中使用ti

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

1回答

哪一个更适合css (Bootstrat或自有CSS)，动画，在角6中启动新项目的组件？

angular

我在Range6中启动了一个新的web项目，它更适合未来的视角，如代码管理、代码结构、动画、加载时间、响应性、项目规模、开发时间、安全性。对于动画来说，角+引导+用于动画 (animate.css，wow.js，AOS.css) +，用

浏览 0提问于2018-10-26得票数 0

1回答

Ng-新版本的角形动画

javascript、css、angularjs

我的问题是，我有一个在角1.1.5中工作很好的代码，但是在更新的版本(1.4.3)中却没有。它只是不把css类xx--离开，xx--输入所需的元素。注释中的示例代码(不能放在这里)我的问题是，在较新版本的角js中，这是如何工作的呢？

浏览 2提问于2015-08-01得票数 1

回答已采纳

3回答

CSS:将效果从一个元素链接到另一个元素

jquery、css

当鼠标悬停在图像A上时，会附加一个css动画。当鼠标悬停在图像A上时，我想为图像B附加和触发相同的动画。我应该更好地使用jQuery吗？如果是jQuery，那么如何在元素上触发css动画？

浏览 2提问于2012-04-02得票数 0

回答已采纳

1回答

Chrome Css动画在播放Web音频时中断

javascript、css、css-animations、web-audio-api

在Chrome中，当网站音频播放时，标签在web表单上的css动画失败，即使触发addClass函数的JS工作。但是，只要我通过单击右下角的声音栏来关闭音频，动画就会按预期工作。为什么音频会影响css动画？

浏览 16提问于2019-07-10得票数 1

回答已采纳

1回答

bootstrap 4铬动画滞后手风琴

jquery、html、css、animation、bootstrap-4

正如标题所说，手风琴的动画在使用时，会出现令人难以置信的滞后。在Edge或Firefox上不会持续存在，甚至Android三星浏览器似乎都可以很好地处理它。但在Chrome中，这一点非常滞后。编辑:在提交这篇文章之前，我决定在我的网站的其他部分摆弄一下，当Chrome向下移动页面时，动画非常滞后(当显示新内容时，页面会向下移动)。

浏览 2提问于2018-07-05得票数 0

1回答

从css3动画中删除javascript

css

ms-transition: background-color 1000ms linear;} 然后添加一个css类，然后使用setTimeout删除类，提供一个简单的淡入动画。如果没有javascript并有一个完整的css解决方案，是否有可能达到同样的效果？

浏览 6提问于2014-11-05得票数 0

回答已采纳

1回答

根据表格单元格的内容，是否可以在列上使用CSS宽度过渡？

html、css、html-table、css-transitions

我的目标是有一个带有标题的表格，当您将鼠标悬停在标题单元格上时，它可以平滑地扩展(使用CSS transition)到单元格内容的完整文本宽度。我目前的方法是让标题单元格中的文本容器具有固定的ch宽度，并让该容器在悬停时扩展为100%或固定的px宽度。当前，唯一平滑展开的元素是悬停在标题单元格中的展开容器，列中的实际单元格展开时不会过渡到新的计算宽度。我见过其他的例子(比如this和this)，人们用动画的方式显示宽度，但是似乎没有人用动画的方式将宽度调整为由标题单元格的内容设置的动态宽

浏览 22提问于2020-04-08得票数 1

回答已采纳

1回答

CSS :hover @keyframe动画使图像闪烁

html、css、css-animations

我有一个动画，我已经将它应用到一个html元素上，但是当我将相同的动画应用到另一个元素(Img)上时，它就一直在闪烁。我的CSS .logo-box { top: 40px;} height: 35px;.logo-box

浏览 114提问于2020-09-24得票数 0

1回答

为什么会立即触发角1.2.9 DOM回调？

javascript、angularjs、animation

在执行动画时，$animate:before和$animate:after事件将在动画元素上触发。但是，$animate:after是在$animate:before事件之后立即触发的，而不是在动画完成后触发的。无论我使用的是CSS动画还是JS动画，都没有区别。

浏览 1提问于2014-01-17得票数 2

回答已采纳

3回答

Javascript函数在完成while循环之前继续进行。

javascript

我被困在这个then循环，我想迭代一个简短的动画3次，然后隐藏运行动画的div。hideDiv();}); $('.arrow_container').hide("slow");如果删除hideDiv();调用，动画将按预期工作(3次迭代)，但如果添加它，则在第一个“动画”调用的一半之后，Div将被隐藏。

浏览 7提问于2020-11-28得票数 0

回答已采纳

点击加载更多