关于淡入淡出效果切换原理？

Question

类似于这样的，做成淡入淡出的原理和思路是什么？

例如（按左边按钮，第一张、第二张图片，淡出，第五张、第六张图片，淡入）

Answer 1

外层容器相对定位内层图片（或容器）绝对定位 top：0 left加减宽度（或 宽度+间距） 并加上动画