用HTML5动画方法设计小汽车从右往左行驶效果,点击上图右下方小车从右往左行驶的按钮,小车开始移动

用HTML5动画方法设计小汽车从右往左行驶效果,点击上图右下方小车从右往左行驶的按钮,小车开始移动,最终移出画面如下图,小车图片car.jpg

这样?帮助到你能点个采纳吗,谢谢~~动画时长6s,其他时间改car样式中的6s为其他值

<!doctype html>
<style>
    .car{width:80px;position:absolute;right:0;top:100px;transition:all 6s;}
</style>
<img src="http://bpic.588ku.com/element_origin_min_pic/16/12/31/7138c3a914261a485573a5416393ac6f.jpg" class="car" />
<input type="button" value="开始运动" id="btnRun" />
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script>
    $('#btnRun').click(function () {
        $('.car').css('right', document.documentElement.clientWidth)
    });
</script>