问

html5 - 请教各位大神，css如何同时执行2个或者2个以上的动画效果？

zJv老方有点坑爹额B 发布于 2022-11-04 09:10

如题，我要在页面上让一个p通过rotate() 属性顺时针旋转并且还要通栏translateX()这个属性像前移动，但是这样写只能执行一个！

无标题文档

这样写p只能执行一个动画效果，如何实现2个动画效果同事执行了呢？就是让该p滚动并且向前移动？

4 个回答

可以写两个动画效果同时引入，animation:donghua 1s .8s both,donghua1 1s .6s forwards;

2022-11-07 13:17 回答

子幽
同时进行要写在一个transform里面，例如一楼那样

2022-11-07 13:17 回答

士贤俊宪秀珍
transform: translateX(300px) rotate(360deg);

2022-11-07 13:19 回答

又ettl_329

transform: translateX(300px) rotate(360deg);

2022-11-07 13:27 回答

337364卢

撰写答案

今天，你开发时遇到什么问题呢？

热门标签