欧美日韩国产一区二区|qovd片|小明个人发布看看|小浪货你夹真紧水又多|老头把我添高潮了A片故|99热久久精品国产一区二区|久久久春色AV

  1. 首頁 > 科技 > >

教會|HTML3D轉(zhuǎn)換怎么使用？一分鐘教會你！

教會

教會|HTML3D轉(zhuǎn)換怎么使用？一分鐘教會你！

文章圖片

教會|HTML3D轉(zhuǎn)換怎么使用？一分鐘教會你！

文章圖片

教會|HTML3D轉(zhuǎn)換怎么使用？一分鐘教會你！

上節(jié)課我們已經(jīng)學(xué)習(xí)了關(guān)于HTML 2d相關(guān)的知識了 ， 這節(jié)課我們就進(jìn)入3d的學(xué)習(xí) 。
1.HTML 3d轉(zhuǎn)換HTML 3d轉(zhuǎn)換包括3d移動、3d旋轉(zhuǎn)、3d呈現(xiàn)等內(nèi)容 ， 與2d轉(zhuǎn)換有相通的地方 ， 大家也可以結(jié)合2d轉(zhuǎn)換一起記憶學(xué)習(xí) 。
2.HTML 3d轉(zhuǎn)換之3d移動與2d移動只能在x、y軸進(jìn)行移動不同的是 ， 3d移動還可以在z軸進(jìn)行移動 ， 主要有以下幾種書寫格式：
1）x、y、z軸分別移動的書寫方法：
x軸移動方法：transform: translateX(x軸方法移動的位置);其中向右移動為正 。

y軸移動方法：transform: translateY(Y軸方法移動的位置);其中向下移動為正 。

z軸移動方法：transform: translateY(z軸方法移動的位置);其中向前移動為正 。

2）x、y、z軸同時移動的書寫方法：
格式：transform: translate3d(x軸方法移動的位置y軸方法移動的位置z軸方法移動的位置);

3.HTML 3d轉(zhuǎn)換之3d透視為了更加突出3d效果 ， 我們就需要將上3d透視 ， 主要應(yīng)用規(guī)則如下：
1）3d透視需要加在實現(xiàn)3d效果的父元素上：
2）主要格式：perspective: 像素值;像素越大 ， 圖像越小 。
如下圖 ， 我們將div盒子加上了3d效果 ， 那么3d透視需要加在div的父元素即body上 。
【教會|HTML3D轉(zhuǎn)換怎么使用？一分鐘教會你！】

    相關(guān)經(jīng)驗推薦