移動端十二章3D

2021-10-09 23:53:25 字數 1329 閱讀 6456

定義x軸的寫法	:left/center/right/length/%

定義y軸的寫法 :top/center/bottom/20px/50%

transform-origin:x y;

等價寫法

transform: translate3d(30px,30px,800px)

transform:translatez(800px) translatex(30px) translatey(30px);

transform:translatez(800px) translate(30px,30px);

例項:

>

>

charset

="utf-8"

>

>

title

>

type

="text/css"

>

divdiv:hover

style

>

head

>

>

>

1212div

>

body

>

html

>

transform-style:把2d轉換成3d/ preserve-3d;

perspective: 畫素px;(景深的值越小,使用者的視覺就在元素的裡面,值越大,使用者的視覺就在元素的外面)

perspective 屬性定義 3d 元素檢視的距離,以畫素計。

當元素定義 perspective 屬性時,其子元素會獲得透視效果

perspective翻譯過來叫 景深

例項:

>

>

charset

="utf-8"

>

>

title

>

type

="text/css"

>

.wrap

.box

.box:hover

style

>

head

>

>

class

="wrap"

>

class

="box"

>

1212div

>

div>

body

>

html

>

適配移動端Swiper的3D旋轉木馬輪播

沒人看我也要寫!今天寫了個移動端網頁 想要那種滑動展示 不要分頁導航效果的輪播 o 啊!簡直可愛!想親自己的小臉蛋 效果圖上菜啦 就是這樣的 v 嗯 中間圖還沒換 閉嘴,不准說醜!開始前 先引入swiper的css跟js 寫在中的 html欄 css欄 table table swiper cont...

《玩轉3D列印》 第2章3D模型構建

2 3d模型構建 玩轉3d列印 經過本書第1章的介紹,相信你已經對3d列印有了乙個全面的了解,現在應該迫不及待的想要動手實踐了吧。3d列印大致分為構建3d模型,安裝列印軟體以及機器列印3個部分。就像列印 必須先有電子版的 一樣,列印物體也需要乙個電子版的 物體 而這個電子版的 物體 在3d列印裡就是...

第十二章 python3 函式

今天我們開始學習下python中函式function 函式是一段實現單一功能的 段,可以提高應用的模組性和 的重用率。前面我們已經接觸過一些python的內建函式,比如 print input len type id 等等 我們可以使用def關鍵字自定義函式 格式如下 def 函式名 引數列表 pa...