全屏布局页转换jquery+css3

今天,我们希望与您共享一个实验响应布局。最初,布局显示四个灵活盒子。当点击一个箱子上,将扩大到全屏,别人会缩减和淡出。关闭当前视图时,它会搬回到INTIAL位置,而另一盒回来再次。另一种类型的页面过渡上可以看到的作品部分,在这里我们将展示在面板底部滑动组合项目。目前的观点得到缩小,消失在后面。

所有的效果都是CSS过渡和基于PLC控制的应用类的JavaScript。整个布局非常灵活,较小的屏幕上下来的东西和一些媒体查询被添加到大小。

插件信息

   

请注意:当前插件只支持以下浏览器.

预览图

让我们来看看一些截图:

初始屏幕上有四个灵活的盒子。调整浏览器窗口看到他们流畅的适应。

初始屏幕上有四个灵活的盒子。调整浏览器窗口看到他们流畅的适应。

当点击一个箱子上,它得到扩大到全屏。

观点一箱的展开。A含量都显露,我们需要它的时候添加滚动。


下载地址

你可能感兴趣的:(全屏布局页转换jquery+css3)