Javascript 步进动画不适用于速度进度
当我知道速度的力量时。我不想使用velocity在我的应用程序上转换所有CSS3动画。现在我有步进动画的问题 这是代码片段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 = [
$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%)