亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

css3 定義軌跡動畫

css3 定義軌跡動畫

汪汪一只貓 2018-09-04 13:31:39
讓小球沿著這個黃色的條走動,如何實現啊。我居然用了一個笨辦法  $('.Yuan1').animate({left:'280px',top:'0'},3000);   $('.Yuan1').animate({left:'310px',top:'60px'},3000);   $('.Yuan1').animate({left:'330px',top:'90px'},3000);   $('.Yuan1').animate({left:'370px',top:'140px'},3000);
查看完整描述

1 回答

?
子衿沉夜

TA貢獻1828條經驗 獲得超3個贊

CSS3 animation

@keyframes myMove {

    0% {

        left: 0;

        top: 0;

    }


    25% {

        left: 280px;

        top: 0;

    }

    

    50% {

        left: 310px;

        top: 60px;

    }

    

    75% {

        left: 330px;

        top: 90px;

    }

    

    100% {

        left: 370px;

        top: 140px;

    }

}


.myMove {

    animation: myMove 12s ease-in-out;

}


查看完整回答
反對 回復 2018-10-31
  • 1 回答
  • 0 關注
  • 979 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號