CSS3动画仅渲染一帧

文章/答案/技术大牛

发布

0回答

html、css、animation、webkit

我正在尝试动画的一些文字(这里的图标)的背景。我将背景设置为渐变，然后将透明度应用于文本。之后，它只向我展示了梯度作为背景。它停留在初始帧上，并且不会更改。你能告诉我为什么它不能动吗？

浏览 6提问于2017-11-29得票数 0

回答已采纳

1回答

使用PhantomJS将CSS3动画渲染为图像文件序列

javascript、html、css、server-side、phantomjs

我以前没有使用过PhantomJS，但我想用它来渲染一些定制的CSS3动画序列到服务器端的几组PNG文件中，以便接下来将它们连接到一个视频文件中。看起来PhantomJS有一个将当前页面状态渲染到图像的选项。接下来，我找到了-webkit-animation-play-state，我希望它能帮助我暂停动画，渲染页面，然后转到下一帧，再做一次。也许我应该用纯JS来做这些动画，这样我就可以更好地控制所有的暂停/播放状态？我想我可以，例如，将一个矩

浏览 2提问于2013-04-16得票数 2

2回答

CSS3动画处于结束状态3秒

css、animation、delay

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

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

回答已采纳

1回答

css3动画逐帧

html、css、html5-animation

我需要一帧一帧地改变元素的背景位置。我需要在没有缓动或线性动画的情况下做到这一点，只需要改变背景位置。可以用css3动画来实现吗？

浏览 1提问于2011-06-30得票数 3

回答已采纳

2回答

对于网站动画效果，CSS3和jQuery哪个执行性能更好？

jquery、browser、css、jquery-animate

执行性能更好的是CSS3动画还是jQuery动画？我关心的不是浏览器的兼容性，而是执行性能。

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

回答已采纳

1回答

CSS3动画@关键帧幻灯片放映-框架停止

ipad、css、safari

我想做一个简单的框架，我的框架幻灯片显示与CSS3。我在网上找到了很多伟大的CSS3动画演示，但关于逐帧幻灯片的演示不多。EG:，我喜欢这个； --虽然在动画上不一样--但是我觉得我可以使用@keyframes；问题是--我正在这里尝试vvv 最后注意-

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

回答已采纳

3回答

使用Javascript或CSS3制作动画？

javascript、jquery、performance、css、animation

我一直想知道哪个动画在性能上更好-- Javascript还是CSS3。在此页面上，您可以对GSAP、jQuery和CSS3进行比较： CSS3迟早会比Javascript更快吗？那么我们应该用CSS3还是仍然用Javascript来编写动画呢？更新:另一个网站：现在的问题仍然是: CSS3会比GSAP(或其他类似

浏览 2提问于2014-09-24得票数 7

3回答

使用Mobile Safari实现jQuery动画性能

javascript、jquery、html、mobile-safari、jqtouch

我的问题是，当在iPhone上观看它的时候，动画是令人难以置信的缓慢和卡顿。它在桌面浏览器中运行良好(显然！)以及iPhone模拟器，它就在单元本身(运行iOS 4.3.2)上。我在移动框架中使用的是jQTouch，但是文档只讨论了动画方式的页面过渡，所以我不确定是否有一种方法可以做到这一点。提前感谢！

浏览 3提问于2011-10-26得票数 3

回答已采纳

2回答

在iOS - CSS3和jQuery动画上，哪一个是最有效的？

jquery、ios、css

iOS设备渲染CSS3动画/变换/过渡是否比我使用jQuery做同样的动画更流畅？

浏览 4提问于2011-12-30得票数 3

回答已采纳

2回答

可以加载一个动画gif而不播放动画吗？

html、animation、gif

我想知道是否有一种方法可以防止浏览器实际动画gif，加载在<img>标签中。我只想让它显示gif的第一帧，不播放动画。我已经担心这是不可能的，我必须提取第一帧并将其渲染到画布上……:/

浏览 0提问于2013-11-15得票数 7

1回答

拉斐尔的动画范式

javascript、animation、raphael

有人能解释一下拉斐尔(和其他框架)动画背后的哲学吗？在经典的opegl或直接动画中，通过将下一帧渲染到后平面，然后将其back到前景，可以减少闪烁。这就是JS动画的工作原理吗？或者浏览器会在渲染新的帧/对象之前删除旧的帧/对象？

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

回答已采纳

1回答

使用带有300个图像的大文件( Phaser.js )

animation、phaser-framework、2d-games、frames

框架：Phaser.js version 3 Symfony 5 Langage：Javascript，HTML5，CSS3 3 你好，我正在学习Phaser.js 3；我想要创建光滑的动画(25 lots是否可以使用大型spritesheets来创建动画，而无需每次编写每个帧的名称？如果我有230帧，我不能写每一帧的名字.谢谢你的答复

浏览 12提问于2022-07-31得票数 1

回答已采纳

1回答

如何将QGraphicsScene动画渲染成电影文件？

c++、python、qt、render、movie

谁知道如何在磁盘上将动画从QGraphicsView / QGraphicsScene转换成电影文件格式(AVI、MPG、MP4、MOV等)？我见过使用QPrinter将场景渲染为图像文件的示例。你有什么想法可以把动画渲染成电影吗？谢谢！-布莱恩

浏览 4提问于2012-09-07得票数 2

2回答

CSS3关键帧是否100%包含？

animation、webkit、css

在CSS3中创建连续动画时，例如无限旋转，关键帧是否为100%包含？也就是说，是否在当前迭代的最后一帧设置了100%给定的属性？例如:光晕动画是否会使用 0% { opacity: 1; } 100% {

浏览 1提问于2011-02-14得票数 1

4回答

CSS3关键帧动画:结束并停留在最后一帧

javascript、css、animation、less

我遇到了一些困难，试图播放CSS3关键帧动画，并在动画完成后将相关元素粘贴到最后一帧。animation-timing-function: steps(3); //Vendor prefixes... }任

浏览 5提问于2013-10-22得票数 40

回答已采纳

5回答

无法在一个循环结束时停止动画

animation、webkit、css

我正在制作一个CSS动画，在其中我移动东西，并希望它留在结束位置，直到用户移动他们的鼠标离开。div:nth-of-type(3) { -webkit-animation-duration: 10s;然而，每当动画结束时

浏览 1提问于2010-06-22得票数 49

回答已采纳

1回答

Android视图在动画中消失

android、animation

我有自定义动画，创建运行时只是简单的翻译。一切都很好，没有问题，但在Nexus 10上，最新的android动画随机开始消失，我只能重新启动应用程序。一切正常，我可以看到第一帧和最后一帧的动画，问题只是在动画期间，就像它不会渲染它。当我高亮显示所有嵌套布局时，我可以看到动画发生了。

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

回答已采纳

1回答

如何使模型在启用后跳转到第一个动画帧？

c#、animation、unity3d、coroutine

我有一个带有动画控制器的模型。我需要让它“跳转”到其动画的第一帧，然后我通过SetActive(假)禁用模型。因此，如果我在动画期间禁用模型，然后再次启用它，则模型应该重置其动画并以“默认”状态出现，因此我可以从一开始就启动动画。myObject.SetBool("restart", true);但是它不起作用，

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

1回答