Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/408.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 步进动画不适用于速度进度_Javascript_Jquery_Css_Animation_Velocity.js - Fatal编程技术网

Javascript 步进动画不适用于速度进度

Javascript 步进动画不适用于速度进度,javascript,jquery,css,animation,velocity.js,Javascript,Jquery,Css,Animation,Velocity.js,当我知道速度的力量时。我不想使用velocity在我的应用程序上转换所有CSS3动画。现在我有步进动画的问题 这是代码片段 $el=$(“.velocity动画”); $el.velocity({ 填充左:“0” }, { 时长:3000, 放松:“放松”, 进度:功能(要素,完成){ var阶跃=完成*100; 如果(步骤您可以使用 Velocity.RunSequence(mySequence); 运行步骤动画(顺序动画) 例如: var animationSequence = [

当我知道速度的力量时。我不想使用velocity在我的应用程序上转换所有CSS3动画。现在我有步进动画的问题

这是代码片段

$el=$(“.velocity动画”);
$el.velocity({
填充左:“0”
}, {
时长:3000,
放松:“放松”,
进度:功能(要素,完成){
var阶跃=完成*100;
如果(步骤您可以使用

Velocity.RunSequence(mySequence);
运行步骤动画(顺序动画)

例如:

var animationSequence = [
    { e: $("#yourElm"), p: { translateX: 0 } , o: duration: 300 },
    { e: $("#yourElm"), p: { translateX: 100, opacity: 0 } , o: duration: 300 },
    { e: $("#yourElm"), p: { translateY: 100, rotateZ: 45 } , o: duration: 150 }
];
 $.Velocity.RunSequence(animationSequence);

如果你想改变速度,也许你想使用一个缓和功能?:除此之外,我想要速度运行步骤动画,就像css3一样。(30%,70%,100%)