移動web網頁開發(fā)-h5c3進階_第1頁
移動web網頁開發(fā)-h5c3進階_第2頁
移動web網頁開發(fā)-h5c3進階_第3頁
移動web網頁開發(fā)-h5c3進階_第4頁
移動web網頁開發(fā)-h5c3進階_第5頁
已閱讀5頁，還剩43頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

移動WEB開發(fā)_H5C3目uCSS33D（位移、縮放、旋轉目ContentsuCSS3 的原ContentsuCSS3transformstyle:preserve3d;的使用uCSS33D航案u旋轉木馬綜合案目

u 】CSS3-3D轉換（位移，縮放，旋轉 u【應用】完成3D航案u【應用】完成uCSS32D（rotatescale）uCSS3畫uCSS3畫的其他屬uCSS3動畫書寫順序、簡寫方認識認識3D視u05：17視u如何書寫CSS33D結結n3D2D3dn3D結結3D3D轉換-視u07：57視答u答結結練練結答u結答u新建HTML文件u創(chuàng)建元素，設置寬高和3Du測試3Du練練n2n3答結答結n3D2D3d定的3n在展示效果的時候，3D結結u08：53u視u什么 結n平面網頁中，看不出3DZ軸的概念，所以3D只是計算機模擬出來的一些關于加上Z軸后的算法結視u09：10視u結演結演練練結演u新建HTML結演u新建HTML文件uuu當鼠標經過，設置Z1010u練練uu如果設置的z軸位移比視距大，那么元素結演結演結結3D3D旋轉視u09：43視結結n注意旋轉的時候，單位為den在展示效果的時候看不出有3D結結3D3D旋轉視u03：51視結結需要將元素呈現在3D結結3D3D旋轉視u05：50視答uZ答結結練練n區(qū)別2D3Dn3D答結演答結演練練演結u演結u新建HTMLu練練uu結u新建HTMLu練n最常使用zn3d3d結結3D3D呈現transform-視u11：13視u如果真正的讓元素展示3D結u結擴擴u

u新建HTML文件，設置ul內有6uun通過給父元素設置保留3D3Dn書里的說明：讓當前元素保留其3dn手冊的說明：讓當前網頁處于3d結結uCSS33D（位移、縮放、旋轉uCSS33D轉換案視u12：57視u結結練練 u練習兩面翻轉案

u新建HTML文件uu設置旋轉屬性和保留3Du練結結3D3D導航欄（上視u12：27視u3D練練u完成3Du新建HTMLuu練3D3D導航欄（下視u10：48視u如何完成一個完整的3D結結練練u先完成基本結構，記得保留3duu先完成基本結構，記得保留3du練結un結結綜合案例-旋轉木馬（上綜合案例綜合案例-旋轉木馬（上視u08：40視u練練綜合案例-旋轉木馬（上綜合案例-旋轉木馬（上 u完成旋轉木馬的布u新建HTML文件u創(chuàng)建一系列 u設置基本的位置屬練綜合案例-旋轉木馬（下綜合案例綜合案例-旋轉木馬（下視u08：35視u結結練練綜合案例-旋轉木馬（下10 u完成旋轉木馬案 練

uu在父元素中保留3d 2.5.1綜合案例-旋轉木馬（下結結視u11：11視u結u結2.6n在開發(fā)中，可以使用插件統(tǒng)一添加前綴，后期使用的

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網頁內容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間，僅對用戶上傳內容的表現方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容，請與我們聯系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論