css3怎么能做到弧形的運動軌跡
問題描述
因為想做花瓣掉落的逼真樣子 現在只是在中間點加上了一個斷點 但是運動的非常生硬怎么能用css3 keyfames 做出那種弧形的運動軌跡 得到幫助非常感謝
問題解答
回答1:應該能,不過需要計算下,變化的參數
回答2:我做過一個金幣掉落的效果我的動畫這么寫的
@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:
曲線的時間參數,橫著勻速,豎著變速。或者反過來,能模擬出曲線時間參數
相關文章:
1. windows誤人子弟啊2. php傳對應的id值為什么傳不了啊有木有大神會的看我下方截圖3. 如何用筆記本上的apache做微信開發的服務器4. python - linux 下用wsgifunc 運行web.py該如何修改代碼5. 關于mysql聯合查詢一對多的顯示結果問題6. 實現bing搜索工具urlAPI提交7. 冒昧問一下,我這php代碼哪里出錯了???8. mysql優化 - MySQL如何為配置表建立索引?9. MySQL主鍵沖突時的更新操作和替換操作在功能上有什么差別(如圖)10. 數據庫 - Mysql的存儲過程真的是個坑!求助下面的存儲過程哪里錯啦,實在是找不到哪里的問題了。
