怎么完全用CSS3使一个的元素做流畅的弧线运动?
9个回答
展开全部
这种需求除了自己要做研究或者show一下做个demo外,还是js比较好。
css3的话,给该元素套个外层dom,外层transform:rotate,控制好半径(由外层dom大小控制)、角度、时间就行。
css3的话,给该元素套个外层dom,外层transform:rotate,控制好半径(由外层dom大小控制)、角度、时间就行。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
首先你要知道抛物线运动的规律,这事物理知识.
水平方向是匀速运动,竖直方向是匀加速运动.
这样你就可以先关键帧动画来控制元素的top.和left的变化量:
具体来说就是left随着时间等量增加.top随着时间匀变速增加.
translation的效果值再写成ease.应该可以出效果了
水平方向是匀速运动,竖直方向是匀加速运动.
这样你就可以先关键帧动画来控制元素的top.和left的变化量:
具体来说就是left随着时间等量增加.top随着时间匀变速增加.
translation的效果值再写成ease.应该可以出效果了
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
这种需求除了自己要做研究或者show一下做个demo外,还是用js比较好。css3的话,在该元素套个外层dom,外层transform:rotate,控制好半径(由外层dom大小控制)、角度、时间就行。
这个方法也可以用:http://blog.csdn.net/mr_li13/article/details/50750431
这个方法也可以用:http://blog.csdn.net/mr_li13/article/details/50750431
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
纯css的话给元素套个外层dom,由外层transform:rotate控制大小、时间不过外层dom恐怕会很大,还要设置父元素的overflow:hidden
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询