我正在尝试在JavaScript中制作一个水平移动200px的div动画。
下面的代码让它跳过像素,但是有没有办法让它看起来像动画而不使用jQuery呢?
function () {
var div = document.getElementById('challengeOneImageJavascript');
div.style.left = "200px";
}
我是TweenMax.js的新手,我在这里尝试动画元素的不透明度和位置。我想使元素在0.5秒内出现,而元素的水平移动应该在2秒内完成。
这就是我到目前为止所取得的成就。
var tl = new TimelineMax();
tl.to('.elem', 2,{autoAlpha:1,x:0,ease:Power4.easeInOut});
我尝试过这段代码,但是水平运动动画只在不透明动画之后才开始。
var tl = new TimelineMax();
tl.to('.elem', 2, {x:0,ease:Power4.easeInOut})
.to(&