Flat Surface Shader – 超炫的 3D 模擬照明效果
Flat Surface Shader 是一個超炫的 3D 模擬照明效果，可以配置使用基於 Canvas 的 2D 上下文或者基於 SVG 多邊形數組繪制三角形。它還采用原生的 Float32Arrays 存儲數字數據，進行高度優化的計算。可以調整顏色參數預覽效果，而且可以導出圖像 ...
原文：優秀前端開發教程：超炫的 Mobile App 3D 演示
今天，我們想與您分享一個實驗性的 D效果。它涉及到一個 D移動設備和一些移動應用程序截圖。點擊切換按鈕時，我們將讓移動設備轉動並移動每個畫面，使我們能看到一個分層的視圖。你可能之前沒見過這種應用程序演示模式，使用 CSS 來實現這樣的效果是十分有趣的事情。 您可能感興趣的相關文章 Metronic 基於 Bootstrap 響應式后台管理模板 干貨分享 本優秀的 JavaScript 免費電子書 ...
2013-08-19 14:10 0 3754 推薦指數：
相關推薦
我用 CSS3 實現了一個超炫的 3D 加載動畫
今天給大家帶來一個非常炫酷的CSS3加載Loading動畫，它的特別之處在於，整個Loading動畫呈現出了3D的視覺效果。這個Loading加載動畫由12個3D圓柱體圍成一個橢圓形，同時這12個圓柱體依次波浪式地起伏，從而傳遞給用戶“正在加載”的信息。 效果預覽 代碼實現 HTML代碼 ...
Codrops 優秀教程：CSS 3D Transforms 實現書本效果
這個使用 CSS 3D Transforms 實現創意書本效果的來自 Codrops 網站。你可以看到兩種類型的書設計：精裝書和平裝書。這兩個效果都可以很容易地使用 CSS 修改。趕緊體驗一下吧。 您可能感興趣的相關文章 -prefix-free：幫你從 CSS 前綴 ...
優秀教程：使用 CSS3 動畫實現的超炫的過渡特效
Codrops 最近分享了一些很酷的圖片切換靈感。有三種不同的用例：小的圖像幻燈片，大標題幻燈片以及使用透明背景的產品幻燈片。狀態轉換使用 CSS 動畫完成，我們能夠定義從任何方向進來的圖片的行為。 您可能感興趣的相關文章 Codrops 教程：基於 CSS3 的全屏 ...
使用jQuery和CSS3實現的超炫3D畫廊特效
日期：2012/02/23 在線演示 本地下載 今天我們分享一款使用jQuery和CSS3實現的3D環廊展示特效，這個3D特效使用CSS3的3D變化特性實現，簡單而非常華麗，希望大家喜歡！ 使用3D變化，通過將它們放置於一個三維空間，我們可以讓很簡單元素變得更加有活力 ...
3D HTML5 Logo標志 超炫酷旋轉特效
今天又要為大家帶來一款超酷的HTML5 Canvas 3D動畫特效，是一款可以旋轉的HTML5 Logo標志。畫面上一共有兩塊可旋轉的區域，第一是可旋轉的背景，第二則是可旋轉的Logo標志。Logo標志在旋轉的時候還有3D的視覺效果，這一切我們都是在canvas上實現的。具體演示和實現過程可以看下 ...
Flutter 實現酷炫的3D效果
老孟導讀：此文講解3個酷炫的3D動畫效果。 下面是要實現的效果： Flutter 中3D效果是通過 Transform 組件實現的，沒有變換效果的實現： 通過 GestureDetector 組件添加滑動事件監聽： 添加 Transform 對組件進入旋轉 ...
酷炫的3D照片牆
今天給大家分享的案例是酷炫的3D照片牆 這個案例主要是通過 CSS3 和原生的 JS 來實現的，接下來我給大家分享一下這個效果實現的過程。博客上不知道怎么放本地視頻，所以只能放兩張效果截圖了. 1.實現靜態的散開的效果圖 HTML內容 ...