论坛首页 Web前端技术论坛

极富创意的3D文件夹切换效果

浏览 2410 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2016-12-20   最后修改:2016-12-20

今天分享的是一个极富创意的文件夹切换效果
这个案例使用CSS 3动画实现了一个3D的平行六面体旋转效果。点击顶部的3个按钮可以旋转并切换。
另外,每个六面体本身是一个文件夹,点击后可以展开查看里面的详情。
这个案例的HTML代码结构清晰,方便学习和修改
适用于各种信息展示的场景,如文章展示,公司案例展示,商品展示等

 

 

 

3d-portfolio-template

 

在线演示源码下载

论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics