Jqueryを使用して、Webページの上部にある車をアニメーション化しています。このコードを使用して、左から右に移動します。
/* Car */
function animateCar($car, endPos, duration) {
$car.animate({
left: endPos + "px",
}, { duration: duration, easing: 'linear', queue: false });
setTimeout(function() {
$car.animate({
opacity: 0
}, { duration: 6000, easing: 'linear', queue: false });
}, 74000);
}
animateCar($(".car"), 1200, 80000);
現時点では、1000pxのボックスから外れているので、到達する直前にフェードアウトさせたいと思います。また、もう少し速く動かしてほしいです。
ありがとう!
デモ: