1首先打開html文件編輯器，這里使用vscode新建一個html文檔，文檔中寫入基本的html結(jié)構(gòu)，然后插入img標(biāo)簽并插入一張圖片，給img一個class屬性2然后在上方的head標(biāo)簽中的style標(biāo)簽設(shè)置樣式，這里設(shè)置圖片的寬度和高度并設(shè)置。

lt！DOCTYPE HTMLlthtmlltheadltmeta charset=UTF8lttitleYuGiOhlttitleltstyle type=quottextcssquot#div position absolutetop 50pxleft 300pxwidth 300pxheight 300pxlineheight 300pxtextalign。

3d旋轉(zhuǎn)，顧名思義就是立體旋轉(zhuǎn)，涉及到三個軸向，x，y， z，2D旋轉(zhuǎn)只有兩個軸向，x，y關(guān)鍵就在z軸呢，我來解釋下z軸 z軸就是物體遠(yuǎn)近，近大遠(yuǎn)小，所以會使元素看上去會變大，這個是正常的，css3 3D還有個屬性就是。

通過使用HTML5的 Screen Orientation API， 可以在JavaScript定義屏幕方向所以用JS實(shí)現(xiàn)ltvideo width=quot658quot height=quot444quot src=quotavmp4quot autoplay=quotautoplayquotltvideo 在頁面加載完成后 獲取瀏覽器高度以及寬度，再設(shè)置V。