問(wèn)題描述

因?yàn)橄胱龌ò甑袈涞谋普鏄幼?現(xiàn)在只是在中間點(diǎn)加上了一個(gè)斷點(diǎn) 但是運(yùn)動(dòng)的非常生硬怎么能用css3 keyfames 做出那種弧形的運(yùn)動(dòng)軌跡 得到幫助非常感謝

問(wèn)題解答

應(yīng)該能，不過(guò)需要計(jì)算下，變化的參數(shù)

我做過(guò)一個(gè)金幣掉落的效果我的動(dòng)畫(huà)這么寫(xiě)的

@keyframes drop 0% transform: translate(0,0) rotate3d(0,1,0,0deg) 33% transform: translate(-20px,245px) rotate3d(0,1,0,-60deg) 66% transform: translate(20px,490px) rotate3d(0,1,0,60deg) 100% transform: translate(0,736px) rotate3d(0,1,0,0deg) @keyframes drop2 0% transform: translate(0,0) rotate3d(1,0,0,0deg) 33% transform: translate(20px,245px) rotate3d(1,0,0,60deg) 66% transform: translate(-20px,490px) rotate3d(1,0,0,-60deg) 100% transform: translate(0,736px) rotate3d(1,0,0,0deg)回答3：

曲線的時(shí)間參數(shù)，橫著勻速，豎著變速。或者反過(guò)來(lái)，能模擬出曲線時(shí)間參數(shù)