我有一个容器，里面有未知数量的卡片（从 3 到 8 张）。
| -- -- -- |
| CARD CARD CARD |
| -- -- -- |
当单击其中一张时，所有其他卡片都会消失，并且单击的卡片需要向左移动。例如，如果点击中间的卡片：
卡牌消失
| -- |
| CARD |
| -- |
卡片向左移动（有动画）
| -- |
| CARD |
| -- |
这些卡片可以消失，但我觉得我的解决方案不是很好。我无法将卡移至左侧。
这是我隐藏卡片的解决方案：
| -- -- -- |
| CARD CARD CARD |
| -- -- -- |
但我很不确定如何移动卡。这是卡片容器和卡片本身的 css。
| -- |
| CARD |
| -- |
这可以通过CSS动画实现吗？