左右侧的动效都可以用css的animation来做,js控制元素dom的删除和添加,animation在展示元素的时候显示过场动画,照片就改透明度来做渐隐渐显的效果,文字就从左往右推出
animation: slide-left 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
@keyframes slide-left { 0% { opacity: 0; margin-left: -190px; }
100% { opacity: 1; margin-left: 0px; }}
下面的也可以用同样的思路,css会给你自动加上过程动画