文章详情页
css3怎么能做到弧形的运动轨迹
浏览：156日期：2023-06-15 11:36:07
问题描述
因为想做花瓣掉落的逼真样子 现在只是在中间点加上了一个断点 但是运动的非常生硬怎么能用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：
曲线的时间参数，横着匀速，竖着变速。或者反过来，能模拟出曲线时间参数
标签：
CSS
相关文章：
1. mysql，in中重复的记录也查出的方法2. mysql - 求一个sql语句，比较简单。3. mysql优化 - mysql 怎么查出近7天每日的数据?4. javascript - 项目用IE浏览器打开修改前端内容，后台数据修改了，但是前端页面内容不变，用谷歌浏览器测试前端页面可以刷新，求大神解决。5. node.js - 我是一个做前端的，求教如何学习vue，node等js引擎？6. javascript - 手机网页如何，插入地图 ；并设置多个标注点 ，还可路线查询7. javascript - angular多项复选框取值问题8. python - pymongo复制数据库中的表9. vue.js - 为什么我的vue项目上传到github不能预览？10. mysql - linux连接数据库报错
排行榜
网公网安备