6個絢麗時尚的前端3D效果及源碼

        作為一個前沿的 Web 開發者，對于 HTML5 和 現在流行的 3D 技術或多或少都有掌握。前幾年這些新技術剛萌芽的時候，開發者們已經使用它們來小試牛刀了，如今這些先進技術已經遍地開發，特別是在移動端大顯身手。這篇 文章挑選了 6 個前沿的絢麗的 3D 展示效果，希望對你有所幫助。

        1.  3D自由立體旋轉現實物理效果 

        3D 自由立體旋轉是一個基于 HTML5 技術的實驗，模擬現實物理效果，讓你在 Web 中感受自然物體的 3D 自由立體旋轉運動。玩法介紹：可以隨意拖動鼠標、按住鼠標左鍵選中旋轉物體、或者按住鼠標滑輪放大或者縮小，有不同的效果，趕緊來體驗一下。 

        源碼下載/  在線演示

        2.  CSS3學習- 骰子動畫效果（滾輪放大可以看骰子里的世界！） 

        這個插件集成了一些非常好的 JavaScript 庫，提供一個方便使用的文本動畫插件，可以讓你 3D 全方位的看到物體里邊的世界喲。

        源碼下載/  在線演示

        3.  jquery推開窗戶3D特效

        jquery 實現的推開窗戶的 3D 特效，會在當鼠標光標移動到接近（或通過）視口（viewport）的頂部的時候觸發。 

        源碼下載/   在線演示

        4.  jquery html內容3D翻轉顯示

        rotate3di.js 是一個用于實現翻轉的 JavaScript 庫。您可以設置動態光的位置，可定制的陰影。不依賴于第三方庫。能在支持 FireFox、Chrome、Safari、傲游、搜狗、360 瀏覽器。

        源碼下載/   在線演示

        5.  jquery動畫洗牌圖片3D特效

        modernizr.custom.34807.js 是一款用于時尚、現代的 3D 效果的 JavaScript 庫，你需要做的就是添加您所要實現的圖效，剩下的任務就交給 js 算法了，使用非常簡單。提供了動畫洗牌圖片效果，滿足開發的各種場合需要。

        源碼下載 /   在線演示

        6. 實現360度多角度展示效果 

        使用 jquery 和 html 結合實現超逼真的方塊展示效果，呈現 3D 畫面的技術，有別于過去需要安裝瀏覽器插件，只需要編寫網頁代碼即可實現 3D 圖像的展示。 

        源碼下載 /   在線演示