定義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...