css动画问题animation

Question

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

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

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

Answer 1

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