这是一款codrops出品的炫酷弹性过渡效果的圆形幻灯片特效。该幻灯片特效在页面过渡时带有弹性摇摆效果,每一个幻灯片slide可以单独放大来展示产品,非常有创意。

该特效中使用了很多新的CSS3特性,请使用最新版的现代浏览器来查看效果。

下面是该弹性幻灯片效果的一些界面截图。

初始状态的幻灯片界面:此时点击左右箭头按钮可以左右导航幻灯片,幻灯片在切换时带有弹性摇摆效果。

弹性圆形幻灯片特效-1

但点击了“+”号按钮之后,该slide会全屏扩展,类似谷歌Material design效果。

弹性圆形幻灯片特效-2

全屏状态下的幻灯片可以通过点击右上角的关闭按钮或按键盘的Esc键来退出全屏。