首页风格
门户
博客

GBin1博客视图 - 最近发布的文章-demo

绝对令人的惊叹的CSS3折叠效果

折纸效果是最近触摸屏幕最流行的一个3D效果,工作原理很简单,只需要轻轻触摸屏幕,它就会直接影响到即将显示出来的内容。这种独特的显示方式绝对可以让用户们眼前一亮!在我们的GBin1网站上,曾经共享过几篇关于折叠效果的设文章,有兴趣的朋友可以阅读一下。

今天我们带来了更多关于折叠特效的资源,可以帮助你方便的实现这些折叠效果。注意,这里都可以使用CSS 3D来进行效果变换,如缩放、倾斜、旋转等等。

CSS and Javascript Resources

Oridomi

这是一个独立的javascript插件,它们可以像纸一样生成折叠效果。此类库不依赖于任何其它JavaScript框架(但对于jQuery可以有选择性支持)并使用CSS 3D创建过渡效果。

3D Thumbnail Hover Effect

在Codrops这个教程中,让人印象最深刻的就是使用CSS来生成3D缩略图悬停效果。帮助你了解如何制作一款折叠的悬停效果,并提供了四种不同类型供大家选择。

Makisu

标签: 折纸, 折叠效果, jQuery, javascript, foldup

阅读更多

【简报】使用oriDomi折纸效果的HTML元素

oriDomi是一款超酷的JavaScript类库,可以把页面中任何HTML元素生成折叠效果。此类库不依赖于任何JavaScript框架(但对于jQuery可以有选择性支持)并使用CSS 3D创建过渡效果。

折叠效果

在线演示  本地下载

主要特性

  • 图片小于15K
  • 可选择性支持jQuery/Ender
  • 可以在iOS环境下工作
  • 支持折叠效果,页面字体和动画图片

这里有一些动画演示的折叠效果,包括横向/竖向折叠、切片式,阴影等,并且所有的内容都可以自定义。此款特效还包括:手风琴、卷曲、折叠、缩放等。oriDomi兼容所有现代浏览器(包括移动设备)

如何使用

HTML

<div class="demo1">
    <h1>Hello.</h1>
    <h4>my name is oriDomi.</h4>
</div> 

Javascript

$('.demo1').oriDomi('reveal',…

标签: 折纸, 折叠效果, jQuery, javascript, oridomi, foldup

阅读更多

喜欢我们的文章请您与朋友分享:

?ü?à

今日推荐