CSS3动画,让绝对定位的元素沿圆弧移动,
@keyframes bimg1 {
0% {top: 10%;left: 12%;width:50%;}
30% {top: -10%;left: -12%;width:45%;}
100% {top: 19%;left: 52%;width:40%;}
}
这样写的话,会是线性的移动,从一个点,移动到另外一个点,想要的效果是按圆弧来移动
CSS3动画,让绝对定位的元素沿圆弧移动,
@keyframes bimg1 {
0% {top: 10%;left: 12%;width:50%;}
30% {top: -10%;left: -12%;width:45%;}
100% {top: 19%;left: 52%;width:40%;}
}
这样写的话,会是线性的移动,从一个点,移动到另外一个点,想要的效果是按圆弧来移动
3 回答5.2k 阅读✓ 已解决
5 回答2k 阅读
2 回答2.6k 阅读✓ 已解决
4 回答1.7k 阅读✓ 已解决
2 回答1.9k 阅读✓ 已解决
3 回答1.1k 阅读✓ 已解决
1 回答3k 阅读✓ 已解决
x轴和y轴的动画分开写,然后两个速度不一样就会形成曲线运动,具体曲线可以通过计算,随便写了个
也可以直接给对应关键帧的x,y值