文章详情页
css3怎么能做到弧形的运动轨迹
浏览：126日期：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. javascript - 求一款靠谱点的移动端图片查看器插件，老司机速进！2. 为什么学习PHP3. html5 - vue.js中，如何对转义字符进行表达式判断？4. html5 - weex H5端的使用,怎么跑起来?5. CSS3可否做出这个效果？6. javascript - Meteor 中使用 bcrypt.compare 验证密码，如何在回调函数中修改全局变量？7. 老哥们求助啊8. mysql - 现在已经使用CommandArgument取到t_ID的值,现在还想取t_Name的值一起放到cs文件中的sql语句中该怎么做9. html - 急求，能否用flex或者高端点的CSS来布局这个图呢？不想用浮动或定位了10. 就一台服务器，mysql数据库想实现自动备份，如何设计？
排行榜
网公网安备