HTML5和CSS3實現3D轉換效果 CSS3的3D效果
上次，我們一起研究了css3的2d模塊，這次我們一起來看一下css3的3d模塊。 首先，我們來了解一下3d的坐標系，x軸在屏幕上為水平方向，y軸為垂直方向，而z軸為垂直於屏幕的方向。 不理解的話可以參考定位屬性的z-index屬性，那個在某種意義上就是讓元素在z軸的移動 ...
原文：超酷 CSS3/HTML5 3D 飄帶菜單實現教程
今天我們來介紹一款很有創意的CSS HTML 菜單，首先菜單是飄帶形狀的，看起來很優雅，這種菜單在個人博客中用的比較多，不僅干凈利落，而且很具有個性化。另外，這款菜單在鼠標滑過菜單項時，將會出現 D的凸起效果，並且會改變菜單項的背景顏色，效果非常的酷，你可以從在線演示中查看這一效果。 你也可以在這里查看在線演示 下面我們來一起看看實現這款CSS 飄帶菜單的具體過程以及源代碼。源碼主要由HTML代碼 ...
2014-08-14 08:48 13 2658 推薦指數：
相關推薦
基於HTML5和CSS3構建3D模型
關於CSS 3D的研究，其實早在2013年就開始了。無奈受限於當時的瀏覽器兼容性以及硬件性能等原因，對3D的一些探索也只是停留在DEMO階段。這里可以參考我之前Github上的一個3D房屋模型DEMO。 CSS 3D的應用是我們一直在思考的，雖然近幾年來瀏覽器和硬件有了很大提升，但基於CSS ...
CSS3 3D立方體翻轉菜單實現教程
今天我們來看一個非常有創意的CSS3 3D菜單，這個菜單的菜單項是可以旋轉的長方體，鼠標滑過是長方體即可旋轉，看看下面的效果圖，是不是感覺非常酷，我覺得這個菜單很適合用在咱們開發人員的個人網站上。 當然你也可以直接到這里去查看這款菜單的DEMO演示。 接下來還是分析一下這款CSS3菜單 ...
7款超酷HTML5 3D動畫精選應用及源碼
對以前來講，3D動畫拿到網頁上展示是一件非常奢侈的事情，第一是瀏覽器不夠先進，第二是大部分只能用flash實現偽3D。HTML5的出現，讓實現網頁3D動畫變得非常簡單，當然前提是你不要再使用像IE678之類的瀏覽器了。下面精選的幾款HTML5 3D動畫，希望你會喜歡。 1、HTML5 SVG ...
超酷！純CSS3燒烤動畫實現教程
今天在老外的網站上看到一款很有創意的純CSS3動畫，是模擬燒烤活動的。款動畫模擬了一個燒烤架，燒烤架上的食物也都是用純CSS3繪制而成，沒有用一張圖片，效果相當逼真。另外一個有意思的是，這個CSS3燒烤架還會冒煙，模擬了燒烤時的情景。 在線演示 源碼下載 接下來簡單分析一下實現的代碼 ...
8款超酷的HTML5 3D圖片動畫源碼
可愛的CSS3圓盤時鍾動畫 之前我們分享過一些基於CSS3和jQuery的圓盤時鍾，比如純CSS3實現 ...
超酷HTML5和CSS3實現的登錄及其注冊功能表單
在線演示 本地下載 過去我們開發登錄和注冊功能大都使用javascript來實現，今天我們介紹的這個登錄及其注冊表單不走常人路，使用純CSS3和HTML5來實現同樣的功能。 這里我們使用CSS3的偽類:target。我們使用CSS3和圖標字體。主要的想法是展示登錄表單並且提供一個鏈接 ...
分享10 個超酷的 HTML5/CSS3 應用及源碼
特效。 在線演示 源碼下載 2、HTML5 3D Google搜索，小盒子大世界 HTML ...