css动画问题animation

问题遇到的现象和发生背景

问题1:用css写了一个图片移动的动画,用的animation,translate来实现的,然后我希望他移动后停在最后的位置使用了forwards,
但是我又想再让图片有另一段点击动画,但因为使用了forwards使第二段动画失效了。
问题2:对问题1补充一下,我想写的是两个图片叠加在一起,图片b从图片a后移动出来,但不写forwards的话图片b会回到图片a下面,后来转换思路把图片b就放在外面用visibility隐藏,然后动画播放直接出来,但是visibility取消时图片会在原本外面的位置闪烁一下,这个问题怎么解决好呢?
问题3:css能实现我点击一个图片元素,使背景及其他图片元素渐隐吗?不知道怎么选中其他图片元素添加动画。后来使用了classList.replace在动画执行完后替换新的动画,有更简单的方法吗?

用代码块功能插入代码,请勿粘贴截图

交互性多的话最好是css结合js来做。js对dom原生做简单的css切换。不想写原生js,可以用jquery,复杂的js用jquery很容易实现。比如1的动画,可以用jquery的animate就能实现

forwards是动画完成后,保持最后一个属性值的,所以你第二段的动画当然就失效了

你把你的要做的效果描述出来,并把你目前的相关代码贴出来吧,你的第三个问题要根据你的html结构来的

您好,我是有问必答小助手,您的问题已经有小伙伴帮您解答,感谢您对有问必答的支持与关注!
PS:问答VIP年卡 【限时加赠:IT技术图书免费领】,了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632