分享几个好看的css/js折叠效果~ - 喵宅苑 MewoGarden × 技术宅社区II | Z站 Z Station 棒棒哒纯文字二次元技术社区

喵宅苑 MewoGarden × 技术宅社区II | Z站 Z Station 棒棒哒纯文字二次元技术社区

正文

分享几个好看的css/js折叠效果~

作者:fenxer

[i=s] 本帖最后由 fenxer 于 2013-1-24 21:25 编辑搬运前说明一下、以下特效只在移动设备、Safari或Chrome、FireFox等环境下支持，并且均不支持IE9及之前版本（或者说效果差了很多）。。。嘛嘛、要与时俱进嘛~还有哦、下面的一般都可以在github里翻到、翻不到的童鞋也可以谷歌一下~毕竟是搬运的~~@@34!!（捂脸跑。。。） //////////////////////////////////////////////////////////////////// 1. Oridomi 这是一个独立的JavaScript插件，它们可以生成像纸一样的折叠效果。此类库不依赖于任何其它JavaScript框架（但对于jQuery可以有选择性支持），并使用CSS 3D创建过渡效果。 [attach]102558[/attach] 2. 3D Thumbnail Hover Effect 帮助你制作一款折叠的悬停效果，并提供了四种不同类型供大家选择。 [attach]102557[/attach] 3. Makisu 非常棒的一款3D效果下拉式菜单，独有的滚动折叠效果能够让你的应用更富有吸引力。（Navi栏一道亮丽的风景线啊~@@25!!） [attach]102556[/attach] 4. Paper Like Unfolding Effect 这是一个实验性的jQuery插件，它可以实现打开册子的效果。（以前见过、但是条件苛刻啊。。咳咳@@3!!） [attach]102555[/attach] 5. Paperfold CSS 这应该是最早的折叠效果案例，在这个插件中只需要一个DOM元素，将它分割成几个部分，再将它们重新组合，看上去就好像3D折叠效果一样。（。。。竟然是Mozilla开发者社区一个demo@@16!!） [attach]102554[/attach] 6. Folding HTML View 不多说。。 [attach]102553[/attach] 7. Pure CSS Folded Paper Effect 非JS、也不是任何其它类型的特效，而是使用纯CSS生成渐变背景来产生折叠视觉效果。（box-shadow啊、伟大的CSS3啊~@@9!!） [attach]102552[/attach] 【说在后面的：请无视水印君吧！！@@4!!】

效果图挺炫

作者:dmayq

效果图挺炫！！!26~

查看回复

很好很强大

作者:liangbaobao123

很好很强大只是很少能用上至少我是用不了的额

查看回复

正太跑跑回复给帖子：8605693

作者:正太跑跑

good！

查看回复