Javascript动画匹配CSS动画

文章/答案/技术大牛

发布

3回答

javascript、html、css

我正在尝试让Javascript动画与我的css动画完全匹配。我不知道为什么这不起作用？我正在尝试使用基本的javascript。不是jquery。第二个div应该与第一个div的动画相匹配 let content = document.getElementById("content"); html = `<div class="base"

浏览 34提问于2020-05-07得票数 0

回答已采纳

2回答

试图在javascript动画加载之前隐藏HTML页面(超级newb版)

javascript、animation、load、flicker

这是我的网站：有什么建议吗？答案？笑？提前谢谢。

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

2回答

angular 2动画vs css动画-什么时候使用什么？

css、performance、angular、css-animations、angular2-animation

我目前正在尝试Angular2的动画，我想知道它们比标准css动画/过渡带来了什么具体的优势。我在某处读到一些css动画属性不会调用GPU那么多，因此会有一些延迟和滞后。那angular2动画呢？

浏览 0提问于2016-12-03得票数 43

回答已采纳

2回答

悬停在div上有时不会改变到原来的颜色

javascript、jquery、html、css

var originalColor; function() { backgroundColor: originalColor }它按其应有的方式动画化背景变化

浏览 6提问于2014-07-28得票数 0

回答已采纳

2回答

CSS动画与JQuery动画

jquery、css、animation

我几乎总是在我从事的任何网络项目中使用JQuery动画，但我想知道CSS动画有何不同。我知道语法是不同的(很明显)，但是CSS动画有哪些特性是JQuery没有的，反之亦然。每种方法的优缺点是什么？

浏览 2提问于2014-11-23得票数 9

回答已采纳

1回答

如果可能的话，我应该避免使用JS，而应该使用CSS吗？

javascript、html、css、angularjs

我发现我可以用CSS来做，我也可以用JS角来做。我读到这是因为有了JS，恶意的东西可以被编程，有些人可以禁用JS。因此，为了在更多的计算机上保持您的网站功能，它应该用CSS编程。这有什么好处吗？

浏览 1提问于2016-05-26得票数 4

回答已采纳

1回答

在计时器中动态地(滑下来)时间变化

javascript、html、css、animation

每次更新时，我都想用动画来滑动或向上滑动。几分钟和几个小时一样。我的问题是，我想要添加的动画幻灯片下降时间变化。

浏览 2提问于2016-01-22得票数 0

4回答

做CSS3动画的简单方法？

jquery、css

我不熟悉CSS3动画，但我确实想在我的网页元素中添加一些CSS3动画，你能告诉我一些快速制作css3动画的方法吗？例如，我们有没有一些jquery插件来做css3动画？谢谢!

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

回答已采纳

1回答

使用CSS3检查瓦片的匹配游戏

html、css、webkit

我开发了一个使用HTML5和CSS3的游戏。如何将动画设置为onClick事件动画？或者为iPad提供更好的on tap活动？谢谢!

浏览 3提问于2011-09-08得票数 0

回答已采纳

2回答

如何设置animate.css动画的持续时间？

javascript、jquery、html、css、animate.css

animate.css文档说明： -vendor-animation-duration: 3s;注意:一定要用适用的供应商前缀(webkit、moz等)替换CSS我使用的动画是来自站点的“pulse”。

浏览 3提问于2016-06-04得票数 0

1回答

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

css、svg、svg-animate

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

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

回答已采纳

2回答

用于测量浏览器性能的Javascript，用于打开或关闭动画

javascript、html、css、performance、animation

我有一个网站与某些动画，CSS，动画gif和"JS动画“。在一些移动设备上，动画速度很慢，所以我想检测到这一点，并关闭CSS动画，并使用静态图像来代替gif动画。移动设备浏览器确实支持CSS动画，但是执行起来很慢。如何使用Javascript函数测量浏览器的实际性能，以便决定是否打开或关闭动画？任何Javascript库都可以吗？

浏览 1提问于2014-07-22得票数 0

1回答

CSS3改变动画持续时间(速度)中动画

javascript、css、animation

问题我已经创建了类，并为此添加了(简化的) JavaScript。var spanClass = $("#spanClass"); spanDur.text(iGlyph.cssiGlyph

浏览 3提问于2014-12-18得票数 1

回答已采纳

1回答

Chrome:只有在特定的过渡效果中才会出现奇怪的滚动条

jquery、css、google-chrome、scrollbar、css-transitions

animate({top: "+="+$distance}, $seconds*1000,'swing')function zoomOut(){ $('body').find('img').css

浏览 1提问于2014-10-20得票数 0

1回答

动画和反应--把它们混合在一起是不是很糟糕？

javascript、web、asynchronous-programming、reactjs、animation

我曾与程序员争论过，将元素与动画和反应混为一谈是非常糟糕的做法，所有动画都应该放在样式表中，因为这是只关注CSS的表示性内容。我想使用VelocityComponent仅仅是为了能够触发正在完成/启动的动画的回调，但我不确定这是否被认为是良好的实践。{this.props.children} </div>);} 这方面的一个示例用例是在侧边栏打开后加载一些异步请求，以确保动画顺利运

浏览 0提问于2016-12-28得票数 2

10回答