论坛首页 Web前端技术论坛

几个炫酷的3D旋转动态效果(附代码)

浏览 8784 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2015-10-22  

 

之前,我们发布了极客编程挑战赛,竞赛题目是“制作炫酷的3D旋转动态显示效果”,想知道更多信息,请前往以下地址进行了解:http://www.gbtags.com/gb/share/9290.htm

 

有没有感觉很精彩呢?接下来,我们来总结一下此次竞赛的优秀作品,看大神们是如何实现3D旋转效果的:

1、纯CSS3制作的3D旋转海报

     代码地址:http://www.gbtags.com/gb/rtreplayerpreview/1906.htm

2、CSS3旋转八卦图

    代码地址:http://www.gbtags.com/gb/rtreplayerpreview/1907.htm

3、纯CSS3实现3D旋转效果

     代码地址:http://www.gbtags.com/gb/rtreplayerpreview/1910.htm

4、正八面体的立体旋转效果

      代码地址:http://www.gbtags.com/gb/rtreplayerpreview/1912.htm

5、3D旋转动态显示登录注册

      代码地址:http://www.gbtags.com/gb/rtreplayerpreview/1921.htm

纯CSS3制作的3D旋转海报

本期挑战

发挥想象,制作炫酷的3D旋转动态显示效果。据说旋转内容包含“创客贴”三个字,容易获得更多点赞哦~

以下为某浏览器Mac版的页面显示效果,可以作为效果参考。

 

赞助商[创客贴]介绍:

创客贴一款简单易用、功能强大的在线设计工具平台,平台提供海量的摄影图片、矢量图形、字体、模板板式等,用户只需要通过简单的拖拽操作就可以简单快速的制作出精美的设计图片,例如海报、banner图、信息图表、ppt、社交图片等,解决了现有ps等大型软件操作繁杂、技能要求高、下载安装等问题,受到大量用户的喜爱。

官网链接:www.chuangkit.com

 

本期礼品:

感谢创客贴提供的精美礼品,本周礼品共有十份。由点赞数前十的参赛者获得~ 

程序员必备用书,5本。

创客贴吉祥物抱枕,5个。

(1)jQuery技术内幕:深入解析jQuery架构设计与实现原理   (1本)

  

 

(2)JavaScript框架设计 司徒正美著9787115343581           (1本)

 

(3)HTML5与CSS3基础教程(第8版)

 

 

(4)高性能网站建设进阶指南-web开发者性能优化最佳实践

 

 

(5)实用脊椎病康复指南,中西医结合康复指导书 (程序员必备)

 

(6)创客贴玩偶*5

 

 

 
论坛首页 Web前端技术版

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