2回答
好的，假设您创建了具有轻松效果的动画，并设置了2s (例如)的持续时间：
animation-name: example;
animation-timing-function: ease-out;
animation-duration: 2s;
属性指定动画完成一个周期所需的时间，但我无法找到解决方案-如何(例如)只减慢动画的“轻松”部分.。
下面是一个简单动画的小提琴示例，所以您已经准备好测试您的想法了(如果可能的话？！)：
(如果你愿意的话，可以随意使用js )。谢谢。
浏览 1提问于2015-12-10得票数 2
回答已采纳
1回答
我想要一个带有SVG剪贴画路径的剪裁动画，它将隐藏第一节，并在使用fullPage.js动画时显示第二节。
这类似于这样的问题：
然而，我希望有控制动画的特定持续时间(因此过渡是平稳的)。
我现在知道或尝试过的：
必须使用FullPage.js onLeave和afterLoad回调。如果我阻止在onLeave事件中滚动，我只能在afterLoad事件中调用silentMoveTo，但是我需要接下来两点中的内容。两部分不能在fullPage.js中活动(CSS类)(例如，在动画显示的情况下，我会将第2节的不透明度从0更改为1，而第1节则被隐藏，反之亦然，背景裁剪路径将移动到顶部以隐藏第1节图像
浏览 2提问于2019-10-13得票数 0
3回答
对于这个Three.js示例，能够加载自己的模型并在循环中播放动画。然而，我想做一个“滑块”，将允许用户控制一个帧的动画。如何使用AnimationMixer实现这一目标？假设动画剪辑的持续时间为4s。我想控制在实时的当前动画时间从0到4s。
浏览 0提问于2018-10-26得票数 3
回答已采纳
我有一个SVG.js动画时间表，并希望一些文本出现在5秒内。我想也许我能做到：
var popup = draw.text('Here is my text').attr({x:250, y:225 }).hide();
popup.animate(0, 5000).show();
hide()可以工作，但show()不是动画方法。
浏览 9提问于2022-03-08得票数 0
当我更新传递给*ngFor的集合时，我触发了一个动画：
//JS
state : string = 'a';
colors = {
a: ['red','blue','green','yellow'],
b: ['orange']
}
public onClick (){
this.state = this.state === 'a' ? 'b' : 'a';
}
//HTML
<div *ngFor="let color
浏览 3提问于2017-05-16得票数 0
回答已采纳
自从使用Flash以来，已经有很长时间了，现在不得不使用Adobe动画来进行HTML 5画布项目。我创建了动画，将时间线上的所有操作设置为停止我需要它的时间线，但现在我需要知道如何从我的动画JS文件(animate.js)中的另一个JS文件(animate.js)外部再次播放动画。
我已经阅读了大量的文章，并且大多数都提到了的范围，这个就是问题所在。
这是我想象中的结果。
// On scroll of div
<div onscroll="myFunction()">
// inside my custom.js
myFunction() {
thi
浏览 1提问于2018-09-21得票数 0
1回答
我正在制作一个基于回合的游戏，使用Haxe + OpenFL + swf + Actuate (我的目标是js)。游戏中最重要的一个方面就是使用能力。每个异能都有一个动画，当然，这个动画需要时间来播放。
我想知道如何处理swf动画的结尾？提前感谢
浏览 13提问于2017-08-22得票数 2
回答已采纳
1回答
谢谢你抽出时间来帮我。我正在尝试做的是获得一个Webkit蒙版(为IOS开发)，使其保持静态位置，并对其蒙版的图像进行动画处理。我已经能够只动画蒙版或蒙版和图像在一起，但在我的生活中，我无法弄清楚如何在没有蒙版移动的情况下动画蒙版下的图像。
任何解决方案都需要是纯HTML5、CSS、JS，因为我不能使用任何外部依赖(jquery等)来构建。
有什么想法吗？
浏览 1提问于2011-10-14得票数 1
回答已采纳
1回答
当我动态添加一个使用JS动画的项目时，如何使它们在如下所示的时间线上保持同步：？我看到了一个教程，它展示了使用JS动画与CSS的好处是它们继承了相同的时间线。
<div class="body"></div>
<button onclick="addItem()">Add</button>
function addItem() {
let body = document.querySelector('.body');
let newEl = document.createElement
浏览 3提问于2020-12-30得票数 2
回答已采纳
我使用three.js搅拌器插件导出姿态动画。原始动画没有循环属性，因此动画的最后一帧不等于第一帧。
因此，我希望找到一个javascript解决方案，而不是返回并修复所有的混合文件。
复制第一帧并将其附加到所述动画的最后一帧，并修复持续时间。
或
如果可能的话，防止three.js混合帧并修复持续时间(我的动画在每个帧中都有键，这样动画看起来就会很好而不需要“平滑”，除非它们是以慢动作播放)。
浏览 1提问于2016-08-19得票数 0
我要做的就是：
我有一场足球比赛(都是用纯js写的)，是90:00分钟。
我需要显示给用户90 (90:00)分钟，这应该被计算到动画到00:00在30秒时间.
解决这个问题的最好方法是什么？我应该使用动画库吗？
浏览 9提问于2015-02-24得票数 1
回答已采纳
有没有可能用纯css根据元素的宽度来计算动画持续时间？
我有一个字幕动画。我希望动画持续时间取决于文本本身的长度(宽度)。有没有可能不使用js？
浏览 3提问于2017-03-29得票数 1
我正在尝试添加动画持续时间的css3属性，相应的高度和宽度的网格。我是用这个代码div.style.animationDuration.做的这对我有好处。
我关心的是如何在js (如-ms-动画持续时间)中为动画持续时间添加供应商前缀css3属性。
浏览 3提问于2016-03-01得票数 0
我想知道使用setTimeOut或setInterval在javaScript中制作动画的正确方法(我指动画的循环部分，在特定时间后循环)？
如果这是正确的，也是唯一的方法，绿色袜子(Gsap)和其他JS动画库使用setTimeOut和setInterval在特定的时间做动画吗？那么animate方法在jQuery中呢？
更新
我使用来制作动画，它提供了非常快速和流畅的动画。我只是问这个问题，想弄清楚他们是如何处理动画非常流畅和快速的？
正如我在问题中提到的，有一些像setTimeOut和setInterval这样的函数用于处理动画，还有另一个函数名是requestAnimationFrame
浏览 0提问于2017-02-19得票数 1
回答已采纳
6回答
1)我在网上到处找过，只是想知道你们中是否有人遇到过这样的问题:你们想要停止某些设备的WOW JS动画，或者/以及更小的屏幕尺寸？！
2)在浏览网站时不时看到css动画也很烦人(从ux的角度看一次是很理想的)，所以我想为此目的使用cookie，但不知道如何接近它，因为当JS文件加载到页面底部时，动画已经完成了…？！
请记住，我也使用数据属性的延迟和持续时间，所以这不仅仅是通过删除WOW类！
任何想法都会很感激的:)非常感谢
浏览 14提问于2015-02-20得票数 10
回答已采纳
2回答
我在一个项目中使用了Bootstrap动画进度条，但是我遇到了一个在IE10中使用动画的bug。当页面呈现进度条的宽度为10%时，5秒后宽度将增加到100%。动画的默认持续时间是2秒，但是当宽度增加时，动画的持续时间没有被有效缩放，动画速度增加了10倍。
我已经组装了一个来演示我的意思。有没有办法使动画速度与IE中的宽度成比例？
<div class="progress">
<div class="progress-bar progress-bar-striped active" role="progressbar"
浏览 7提问于2014-09-15得票数 1
1回答
我预先加载和创建材料纹理，然后开始渲染和动画的对象。
但三个JS上传纹理到GPU时，只有对象将在相机中显示。
因此，当新对象出现在屏幕上时，动画就会因为纹理发送到GPU上而被抓取。问题是如何在创建纹理时将纹理发送到GPU，以避免运行时的纹理？
将图像加载到GPU需要很长时间。
浏览 1提问于2017-10-27得票数 5
回答已采纳
2回答
我的script.js文件中有以下内容：
$(document).ready(function(){
$( '.elementoBarra1').hover(
function(){
$(this).addClass('lineaBarraActive');
},
function(){
$(this).removeClass('lineaBarraActive');
}
);
});
颜色有变化(根据我在样式表中给出的说明)，但是没有动画(或转换)。它只是双向传递到另一
浏览 6提问于2015-03-07得票数 0
回答已采纳
1回答
我正在制作自定义UI元素，我需要将它动画化。问题是，在某个时候，我需要更新我的动画，但是当我更新它时，在当前动画位置(状态)和新动画之间存在明显的滞后/差距。
换句话说，当我应用新动画时，这个动画从0位置(状态)开始，而之前动画的实际(可见)状态是不同的。
下面是示例：()
<blockquote class="imgur-embed-pub" lang="en" data-id="a/q3NA31f"><a href="//imgur.com/q3NA31f"></a></blockqu
浏览 0提问于2019-04-01得票数 0
回答已采纳
1回答
我遇到了gRaphael javascript行图表库的问题。
我正在从CSV文件构建一个线条图，该文件有五列(分钟、时间、等待时间、治疗时间、关闭时间、位置)。
以前，我已经能够绘制完整的图表，没有动画。它有正确的四行等。
现在我的代码在动画函数上失败了。以下是错误：
未明的TypeError:对象#没有“动画”方法
我假设jQuery在某种程度上扰乱了动画功能，并试图控制它。
function animateChart(newX, newW, newInT, newC, newInL){
var chart2 = paper.linechar
浏览 5提问于2012-10-02得票数 4
回答已采纳
2回答
我试图让元素在用户单击时随着动画的淡出而出现和消失。我有这个工作，但有一个问题，如果用户点击两次快速连续或在动画完成之前。我知道问题与run循环以及事件和动画的时间等有关，但作为html/js的新手，我在这种情况下对这些问题的经验还不够丰富，无法知道最佳解决方案。
这里有一个小问题，如果你点击第一行，并在每次点击之间等待几秒钟，它就会起作用，如果你点击得很厉害，你很快就会看到问题。
谢谢
浏览 0提问于2012-09-07得票数 0
回答已采纳
我想创建一个界面，我可以在其中滚动或拖动使用svg.js ()创建的动画的帧。有没有什么方法可以创建它，比如使用类似Angular JS的web应用框架？
例如，下面有一个包含动画的div和一个时间线，我可以在其中滚动和移动动画。
浏览 3提问于2013-05-16得票数 0
回答已采纳
我从不使用html、javascript或一个框架，我想让三个collada文件可见，然后一个又一个地不可见(就像一个关键帧动画序列)，然后循环这个动画。除了循环动画的可能性外，该代码可以工作。
<script src="https://aframe.io/releases/0.7.1/aframe.min.js"></script>
<script src="https://rawgit.com/donmccurdy/aframe-extras/master/dist/aframe-
extras.loaders.min.js"
浏览 0提问于2018-03-30得票数 1
回答已采纳
本文是关于animate.css和wow.js的。这可能是一个非常愚蠢的问题，但动画持续时间和动画延迟与数据哇持续时间和数据哇延迟之间的区别是什么？
谢谢!
浏览 8提问于2018-10-19得票数 0
OpenSeaDragon太棒了。
如果我使用Viewport#fitBounds JS方法移动到一个带有默认参数的新矩形，它会在当前视图和新的请求边界之间‘动画’转换。
有没有办法控制这个动画的速度？我想放慢它的速度，这样从当前视图移动到请求的边界需要更长的时间，以便进行更悠闲的旅行。
浏览 1提问于2014-07-30得票数 1
1回答
我有一个带有许多jQuery动画的页面，每个动画都有自己单独定义的持续时间。
我想通过将持续时间设置为0来禁用移动设备上的所有动画。
有没有办法覆盖所有的动画持续时间全局？
如下所示：
if (isMobile()) {
$.animation.duration.disable = true;
}
浏览 2提问于2012-07-27得票数 2
回答已采纳
我试图创建一个动画(使用anime.js)，在用户开始键入时播放一次动画时间线，并在用户输入框中键入的时间内循环。当用户停止输入时，动画将完成其当前循环并停止播放。
下面是我目前的进展，您可以观察到动画工作不正确：
下面是我的anime.js代码时间线：
var basicTimeline = anime.timeline({
loop: true,
autoplay: false,
duration: 700
});
basicTimeline
.add({
targets: '#circ1',
duration: 100,
tran
浏览 3提问于2018-05-08得票数 1
回答已采纳
嘿，我想知道如何在Js中使用@keyframe。
因为我想让动画在css中开始，但在90%，我希望它发生在Javascript中。
因此动画将继续，并且在js动画开始之前不会停止。
示例：
@keyframes spin {
0 % {
transform: rotate( 0deg);
}
50 % {
transform: rotate( 1080deg);
}
100 % {
// I want to make it happen in js , container.style.transform =
浏览 3提问于2021-09-05得票数 0
1回答
在Velocity.js中，运行动画(在对象上)的默认方式是在队列中依次运行动画。您可以使用不同的命名队列或选项{queue: false}并行运行动画。
这很好，像这样：
但是，一旦添加了一个像{duration: 300},这样的持续时间选项，动画就会一个接一个地运行： --这两个选项都带有命名队列和{queue: false}选项。
在Velocity.js中，是否有一种方法可以在同一个对象上并行运行具有(不同)持续时间的动画？或者我能用什么办法解决这个问题？我试图写一个脚本来将动画从基于关键帧的系统转换为速度，所以我正在寻找一种方法来同时动画不同对象的不同属性，它们相互独立。
浏览 2提问于2017-11-20得票数 2
回答已采纳
1回答
我刚开始使用Fabric.js，我有一页矩形，我想要动画的不透明度的鼠标，问题是，FPS是真的很低，当我有超过几个瓷砖和动画似乎花了很多时间比600毫秒的时间是设置的。有了40块瓷砖，它在整个动画中显示了大约5帧，并且在启动新瓷砖的动画之前出现了延迟。我想知道是否有优化代码，以加快FPS和消除延迟。
以下是javascript：
var windowWidth = window.innerWidth;
var windowHeight = window.innerHeight;
var numTiles = 8;
var til
浏览 2提问于2014-08-16得票数 0
回答已采纳
我对three.js和tween.js的组合有问题。问题是，tween.js动画的计时器在球体的纹理显示之前就开始了。
我正在用火狐的three.js构建一个全景查看器。全景图像映射到球体，摄影机位于球体的中心。可以更改显示的全景图以虚拟访问不同的房间(这是通过将具有不同纹理的不同球体变为可见来实现的)。更改房间时，会使用tween.js为灯光设置动画，以使房间变暗。然后，灯再次亮起，并显示新的全景图像。
问题是，如果是第一次访问一个房间，它需要一些时间来显示图像。这是因为图像在显示之前没有加载到内存中。
如果在全景图完全加载到内存中并准备好显示之前，房间一直是黑暗的，那也不是什么坏事。但是t
浏览 1提问于2015-11-17得票数 0
问题是：
我有一个HTML元素，它有一个类hidden，它设置css属性display: none;。当我用JS删除类时，元素就会立即可见(原始的display值被恢复)。我希望能够设置“显示”动画的持续时间，就像我可以使用的那样：$('.hidden').show(1000)或$('.hidden').fadeIn(1500)。我试着用.animate()连锁，但没有成功。
局限性
它不能处理元素的内联CSS (特别是不能设置display: block)
它的行为应该类似于jQueryUI removeClass：
问题是：
当我删除(更改
浏览 11提问于2013-06-26得票数 1
我有一个简单的关键帧动画：
animation: blink-truck-lights .4s 8s 10s steps(2) 2 forwards ;
@keyframes blink-truck-lights{
from{background-position: 0px 0;}
to{background-position: 0px -250px;}
}
下面是JS部分：
setInterval(function(){
$('#truck').addClass('blink-truck-lights');
},500);
浏览 1提问于2013-07-26得票数 0
我正在使用anime.js动画一个元素，该元素正被从容器的边缘反弹回来。我想要能够调整这个动画的速度使用范围滑块，我有在页面的其他地方。
我的问题是，当持续时间被调整时，似乎滑块会完全实例化，并且不会继续动画到原来假设的位置。我想让它从最左边到最右边，但是当我调整它的大小时，动画只会从它的大小调整到容器的末端。
这是我在调用滑块的onchange方法时所做的尝试。
function adjustSpeed() {
alternate.duration = 300;
}
和
function adjustSpeed() {
var alternate = anime
浏览 1提问于2018-11-01得票数 3
我做了一些有趣的width JavaScript。我有一个带有部分的页面，我用jQuery禁用了窗口滚动，它工作得很好。我还编写了一些js来检测用户是否想要滚动，我使用参数获取它是向下滚动还是向上滚动。如果我向下滚动正文。我写了一些js，但它不能正常工作。当向下滚动时，我只需要调用动画一次，并且当动画和用户滚动时，再次调用动画，但要准时。随着时间，身体动画卷轴将disabled.also与lastscrollTop参数有一些问题，它的工作不好。我的英语很抱歉，谢谢你的帮助。
jsfiddle链接
和js代码。
$(document).ready(function(){
$('b
浏览 2提问于2015-02-03得票数 0
我正在使用jTicker为我的一个项目，其中有大量的图像，音乐文件和内容，这需要更大的加载时间。
我的自动收报机动画是在背景图像完全加载之前开始工作的。为了防止这一点，我使用下面的脚本，这样动画就会等到图像完全加载。它工作得很好。现在，自动收报机动画在背景图像完全加载后开始，但自动收报机文本现在在动画开始工作之前可见。
<script type="text/javascript">
(function() {
var script = document.createElement('script')
script.setAttribu
浏览 0提问于2013-12-31得票数 0
我在Range6中启动了一个新的web项目，它更适合未来的视角，如代码管理、代码结构、动画、加载时间、响应性、项目规模、开发时间、安全性。
我研究过，
哪一种更适合于咆哮，
为了设计，
引导或
自己的CSS
对于组件，
ngx-bootstrap或
MDBootstrap或
KendoUI或
角材料
对于动画来说，
AngularAnimation或
Animate.css + WOW.js或
AOS或
编写自己的动画
我创建了一个用于测试的项目，
角+引导+用于动画 (animate.css，wow.js，AOS.css)
浏览 0提问于2018-10-26得票数 0
1回答
我正在使用链接到按钮的单击事件的双重动画来制作图像旋转的动画。动画有一个缓入缓出+ 10秒的持续时间。
我想要做的是在同一时间动画另一个图像，以便在最后3秒的第一个动画，第二个图像是淡入和淡出使用不透明动画。
我没有使用故事板的经验，也不确定如何实现这个效果。
致以敬意，
丹
浏览 0提问于2012-06-14得票数 2
回答已采纳
1回答
我与MDN的网络动画API文档 (全笔)一起运行，并遇到以下内容：
我注意到，“景物”动画finish尽管是按以下方式创建的：
const sceneryKeyframes = [
{
transform: 'translateX(100%)'
},
{
transform: 'translateX(-100%)'
}
]
const sceneryBgOptions = {
duration: 360000,
iterations: Infinity // <- this works as long as I d
浏览 12提问于2022-10-05得票数 1
回答已采纳
1回答
滚动上的运动图像
、、
所以，实际上，我在动画方面很差，但我正在努力做到这一点。当我从不同的来源学习动画效果的时候，我真的很自豪我的两个动画网站现在被用于制作。在3.5天的时间里，我试图实现以下动画
要在滚动页上移动图像，但在花费大量时间之后，我仍然无法获得所需的输出。我通过css3和js编写了我的自定义动画，但仍然无法达到预期的结果。请帮助我，让我知道如何才能实现滚动的移动图像。
浏览 6提问于2022-03-17得票数 1
回答已采纳
这是我正在努力实现的一个例子：
我正在从Blender (v2.73)导出一个3D模型到Three.js (r70)，使用Three.js r69的导出程序。
该模型具有骨骼动画和多个形状键，具有不同的面部表情(睁开/闭眼等)。
将骨骼动画导出到Three.js很好，但是我不知道如何正确地导出变形目标。
出口商有一个关于“morph动画”的复选框，但是启用它会产生一个非常大的文件，其中时间线的每一个帧都会产生一个变形目标。(时间线具有骨骼动画)。
用于骑士模型()的json文件有4个变形目标，每个面部表情一个。这正是我想要的，但我一直无法复制它。
任何关于如何设置搅拌器文件/搅拌器到three
浏览 9提问于2015-01-28得票数 8
回答已采纳
1回答
我正在寻找一个开源的JS工具，使用户能够创建一组幻灯片上的动画，并播放该动画作为电影与特定的时间框架。
浏览 1提问于2012-07-03得票数 2
在我看来，本机只在LayoutAnimations上添加默认的iOS。对于iOS和iOS，我有完全相同的代码，iOS布局和CSS的变化都是动态的。例如，隐藏/显示某些视图具有spring或easeIn动画。或者改变文本值似乎有某种淡出动画。但在我的代码中，我还没有定义它们。我还使用了react-本机--纸，我最初认为这是原因，但我删除了它，以及其他可能导致这种情况的库，但它仍在发生。从根本上说，它只是发生在反应本机的组件上。我也会把我的package.json放在下面，以防万一。有谁有过同样的问题吗？是否有可能完全禁用LayoutAnimations上的iOS？
"dependenci
浏览 10提问于2021-02-17得票数 1
回答已采纳
1回答
这是我的测试。
在我的html5页面上，我有一个成功触发css的js。
<script>
$(document).click(function(){
$("img").fadeOut('slow', function() {
$("img").removeClass();
});
});
</script>
所以我不想要有鼠标触发器的css。只是一个无休止的循环。
正如你在JSfiddle (多棒的网站)例子中看到的。父动画循环正常，但子动画在开始时只触发一次。另外，我不明白为什么z-in
浏览 1提问于2013-10-30得票数 0
2回答
我已经在我的网站上使用了一个非常简单的动画，由Adobe动画驱动。我在很长一段时间里没有改变任何与它有关的东西，但是很明显发生了一些事情，因为现在当我运行动画时，我得到了
未定义的TypeError:对象没有方法“字符串”edge.2.0.0.min.js
从Chromes控制台日志。我不知道这是什么意思，但这和json有关。我不确定我的图像是否被加载，但没有理由不应该这样，因为我从未改变过它的路径。有人能告诉我"Object [object Object]“应该指什么吗？
谢谢!
我的动画设置就在舞台上，我用了大约17份.svg作为雪碧片，外加一些文本。每个对象都有包含不透明
浏览 0提问于2013-08-12得票数 3
回答已采纳
我正在尝试用Anime.js制作一个物体的动画。它有一个打开的动画(旋转)，播放一次，然后它应该有一个不同的旋转动画，无限循环。我将这两个动画放在一个时间线中，但它不会循环第二个动画。
Javascript：
var tl = anime.timeline({
easing: 'easeOutExpo',
targets: '.fles',
});
tl
.add({
rotate: 20,
duration: 750,
loop: false,
})
.add({
duration: 6000,
loop: true
浏览 72提问于2020-06-03得票数 1
有时我会在iPhone上使用翻转动画，我会一直使用它，直到我获得正确的动画持续时间。
是否有任何确定的值或值的参数，我应该用来设置动画的持续时间或曲线？
浏览 1提问于2011-01-19得票数 0
回答已采纳
是否可以使用:active来为具有持续时间和延迟的方框阴影中的变化设置动画。
我有一个颜色的变化:悬停与持续时间。显然，同样的方法对长方体阴影不起作用。
我试着通过js添加类。我尝试在:active类和main类中设置持续时间。我试过transition: box shadow 1s transition-duration: 1s了。还有更多的东西。
完整代码在codepen 上。
那么，有什么想法吗？
谢谢
浏览 2提问于2013-05-24得票数 0
回答已采纳
它可以在CocosStudio2的时间线上创建动画名称。但我不知道如何在cocos2d-js(v3.6)中调用它。如何通过名称运行动画？
浏览 0提问于2015-05-18得票数 0
我使用节点、表达式和TweenJS库编写了一个小动画
发表在heroku上，让你看
当前，当您单击“查看源”时，将得到以下
目前，所有javascript都是客户端处理的，脚本标记在.jade文件中调用。
为了让我的头围绕客户端和服务器端javascript，我想编写这个应用程序，这样动画就可以在服务器端执行。这将阻止查看者很容易地看到javascript源。
我研究过
module.exports
并查看了调用的方法
var动画=需要量(‘./动画.var’)；
对于所有必需的js文件，但我仍然无法理解如何执行动画服务器端是可能的。
耽误您时间，实在对不起。
浏览 4提问于2014-03-31得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
