Flex多窗体切换动效Demo
flex 做的窗体切换特效，切得流畅，动效也挺自然。一个小巧的 demo，适合做多页面之间的平滑过渡，像切换登录/注册窗体，或者模块之间来回跳转的场景，都合适。
flex 布局的弹性特性用得比较顺手，配合transition和一些transform，切换动画看起来还蛮顺滑的。页面响应也快，兼容性也还不错，主流浏览器都能扛得住。
代码结构比较简单，分清了内容区和切换控制区域。逻辑也不复杂，基本就靠几个事件驱动，加点样式切换。你可以根据需要改下宽高、加点背景、甚至搞个翻页效果出来。
如果你正好在做窗体动画，或者想让页面切换看起来“有点意思”，那这段代码可以当个参考。改一改样式、换一换事件，能组合出不少新花样。
想深入研究的，可以看看这些：
如果你也遇到窗体切换“生硬”的问题，可以试着用 flex + 动画缓解一下，视觉观感会好不少。
文件大小：2.26MB
评论区