移动端实现类似3D左右滑动图片切换效果

如图所示:图片描述
在屏幕左右滑动实现如图效果,是一个什么思路,或有什么插件实现。

阅读 11k
3 个回答

感觉是用jquery调整大小,还有z-index,实现类3D的移动

首先布局的话应该是4个div绝对定位,根据z-index判断显示层级。
由于是追求性能的移动端,动画用css3的transition:transform,简单又快,通过设置transform的scale和translate来改变位置和大小。
事件上需要对手势进行判断,得到向左还是向右,判断变化后图片的z-index,高宽和位置。修改transform的scale和translate即可

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进