文章詳情頁
css3怎么能做到弧形的運動軌跡
瀏覽：66日期：2023-06-15 11:36:07
問題描述
因為想做花瓣掉落的逼真樣子 現(xiàn)在只是在中間點加上了一個斷點 但是運動的非常生硬怎么能用css3 keyfames 做出那種弧形的運動軌跡 得到幫助非常感謝
問題解答
回答1：應(yīng)該能，不過需要計算下，變化的參數(shù)
回答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：
曲線的時間參數(shù)，橫著勻速，豎著變速。或者反過來，能模擬出曲線時間參數(shù)
標(biāo)簽：
CSS
相關(guān)文章：
1. MYSQL 根據(jù)兩個字段值查詢 但兩個值的位置可能是互換的，這個怎么查？2. 求救一下，用新版的phpstudy，數(shù)據(jù)庫過段時間會消失是什么情況？3. mysql replace 死鎖4. mysql - C#連接數(shù)據(jù)庫時一直這一句出問題int i = cmd.ExecuteNonQuery();5. javascript - 微信網(wǎng)頁開發(fā)從菜單進(jìn)入頁面后，按返回鍵沒有關(guān)閉瀏覽器而是刷新當(dāng)前頁面，求解決？6. extra沒有加載出來7. android - 安卓做前端，PHP做后臺服務(wù)器 有什么需要注意的？8. python - 數(shù)據(jù)與循環(huán)次數(shù)對應(yīng)不上9. php傳對應(yīng)的id值為什么傳不了啊有木有大神會的看我下方截圖10. mysql - ubuntu開啟3306端口失敗,有什么辦法可以解決？
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備