全屏布局页转换jquery+css3

所属分类:其他-动画效果

 33112  378  查看评论 (1)
分享到微信朋友圈
X
全屏布局页转换jquery+css3 ie兼容

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

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


请注意:当前插件只支持以下浏览器. alt="" style="border: 0px; color: rgb(114, 114, 114); font-family: Simsun; font-size: 14px; line-height: 24px; white-space: normal; background-color: rgb(228, 230, 229);"/>

预览图

style="float:none;" title="4fb69195-1c4e-4c9a-b528-814905b8ed992.jpg"/>

让我们来看看一些截图:

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

style="float:none;" title="4fb69195-1c4e-4c9a-b528-814905b8ed99.jpg"/>

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

title="4fb69195-1c4e-4c9a-b528-814905b8ed9923.jpg"/>

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

title="FullscreenLayoutPageTransitions03.jpg"/>

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

相关插件-动画效果
  动画效果
 55265  459

点击效果Google Design 谷歌的设计团队

效果是 Google Design 也就是谷歌的设计团队博客用到了这个效果 , 当时的第一感觉就是 擦 ,google就是牛逼, 一个按钮点击也要酷到不要不要的了
  动画效果
 38567  500

html5 水波扩散效果

HTML5实现点击水波扩散效果
  动画效果
 46848  472

jquery新婚快乐

jquery新婚快乐动画效果
  动画效果
 38504  395

讨论这个项目(1)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    汉斯 0
    2016/2/26 16:02:31
    Google害死人啊。。。。 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复