css3怎么能做到弧形的運(yùn)動(dòng)軌跡
問(wèn)題描述
因?yàn)橄胱龌ò甑袈涞谋普鏄幼?現(xiàn)在只是在中間點(diǎn)加上了一個(gè)斷點(diǎn) 但是運(yùn)動(dòng)的非常生硬怎么能用css3 keyfames 做出那種弧形的運(yùn)動(dòng)軌跡 得到幫助非常感謝
問(wèn)題解答
回答1:應(yīng)該能,不過(guò)需要計(jì)算下,變化的參數(shù)
回答2:我做過(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ù)
相關(guān)文章:
1. windows誤人子弟啊2. php傳對(duì)應(yīng)的id值為什么傳不了啊有木有大神會(huì)的看我下方截圖3. 如何用筆記本上的apache做微信開(kāi)發(fā)的服務(wù)器4. python - linux 下用wsgifunc 運(yùn)行web.py該如何修改代碼5. 關(guān)于mysql聯(lián)合查詢一對(duì)多的顯示結(jié)果問(wèn)題6. 實(shí)現(xiàn)bing搜索工具urlAPI提交7. 冒昧問(wèn)一下,我這php代碼哪里出錯(cuò)了???8. mysql優(yōu)化 - MySQL如何為配置表建立索引?9. MySQL主鍵沖突時(shí)的更新操作和替換操作在功能上有什么差別(如圖)10. 數(shù)據(jù)庫(kù) - Mysql的存儲(chǔ)過(guò)程真的是個(gè)坑!求助下面的存儲(chǔ)過(guò)程哪里錯(cuò)啦,實(shí)在是找不到哪里的問(wèn)題了。
