主題:幾個炫酷的3D旋轉動態效果(附程式碼)

程式設計女漢子發表於2015-10-22

之前,我們釋出了極客程式設計挑戰賽,競賽題目是“製作炫酷的3D旋轉動態顯示效果”,想知道更多資訊,請前往以下地址進行了解:http://www.gbtags.com/gb/share/9290.htm

有沒有感覺很精彩呢?接下來,我們來總結一下此次競賽的優秀作品,看大神們是如何實現3D旋轉效果的:

1、純CSS3製作的3D旋轉海報

 程式碼地址:[http://www.gbtags.com/gb/rtreplayerpreview/1906.htm][3]

2、CSS3旋轉八卦圖

程式碼地址:[http://www.gbtags.com/gb/rtreplayerpreview/1907.htm][5]

3、純CSS3實現3D旋轉效果

 程式碼地址:[http://www.gbtags.com/gb/rtreplayerpreview/1910.htm][7]

4、正八面體的立體旋轉效果

  程式碼地址:[http://www.gbtags.com/gb/rtreplayerpreview/1912.htm][9]

5、3D旋轉動態顯示登入註冊

  程式碼地址:[http://www.gbtags.com/gb/rtreplayerpreview/1921.htm][11]

本期挑戰:

發揮想象,製作炫酷的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

相關文章