css-transform-3d效果學(xué)習(xí)總結(jié)

關(guān)鍵詞

1、perspective ?透視
2旁壮、perspecitve-origin
3监嗜、rotateX rotateY rotate3d
4、scale3d縮放
5 ? translate3d
6 ? transform-style
7 ?backface-visibility


perspective 3d效果需要視點(diǎn)才能顯示效果

perspective-origin 透視的點(diǎn)抡谐,就好像有一個(gè)窗戶裁奇,你需要找到一點(diǎn)才能看清楚里面的內(nèi)容。

rotateX rotateY rotate3d?

rotatex
rotatey

rotatez

scale3d這個(gè)沒(méi)有什么特別的麦撵,只要注意 他在z上面放大的話配合其它的變形效果? 會(huì)影響視點(diǎn)與視物的距離;

translate3d 這個(gè)也沒(méi)有什么特別 就在三個(gè)軸上面移動(dòng)

transform-style 有二個(gè)值 ?1刽肠、flat ?preserve-3d ?

flat就是內(nèi)部沒(méi)有3D效果

preserve內(nèi)部展現(xiàn)3D效果

backface-visibility ?就是能否看 人后面有沒(méi)有其它東西 默認(rèn)是看的到,

練習(xí)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末免胃,一起剝皮案震驚了整個(gè)濱河市音五,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌羔沙,老刑警劉巖躺涝,帶你破解...
    沈念sama閱讀 218,755評(píng)論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異扼雏,居然都是意外死亡坚嗜,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,305評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門诗充,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)苍蔬,“玉大人,你說(shuō)我怎么就攤上這事蝴蜓〉螅” “怎么了俺猿?”我有些...
    開(kāi)封第一講書(shū)人閱讀 165,138評(píng)論 0 355
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)格仲。 經(jīng)常有香客問(wèn)我押袍,道長(zhǎng),這世上最難降的妖魔是什么抓狭? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,791評(píng)論 1 295
  • 正文 為了忘掉前任伯病,我火速辦了婚禮,結(jié)果婚禮上否过,老公的妹妹穿的比我還像新娘。我一直安慰自己惭蟋,他們只是感情好苗桂,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,794評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著告组,像睡著了一般煤伟。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上木缝,一...
    開(kāi)封第一講書(shū)人閱讀 51,631評(píng)論 1 305
  • 那天便锨,我揣著相機(jī)與錄音,去河邊找鬼我碟。 笑死放案,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的矫俺。 我是一名探鬼主播吱殉,決...
    沈念sama閱讀 40,362評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼厘托!你這毒婦竟也來(lái)了友雳?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 39,264評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤铅匹,失蹤者是張志新(化名)和其女友劉穎押赊,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體包斑,經(jīng)...
    沈念sama閱讀 45,724評(píng)論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡流礁,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,900評(píng)論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了舰始。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片崇棠。...
    茶點(diǎn)故事閱讀 40,040評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖丸卷,靈堂內(nèi)的尸體忽然破棺而出枕稀,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 35,742評(píng)論 5 346
  • 正文 年R本政府宣布萎坷,位于F島的核電站凹联,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏哆档。R本人自食惡果不足惜蔽挠,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,364評(píng)論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望瓜浸。 院中可真熱鬧澳淑,春花似錦、人聲如沸插佛。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,944評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)雇寇。三九已至氢拥,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間锨侯,已是汗流浹背嫩海。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,060評(píng)論 1 270
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留囚痴,地道東北人叁怪。 一個(gè)月前我還...
    沈念sama閱讀 48,247評(píng)論 3 371
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像渡讼,于是被迫代替她去往敵國(guó)和親骂束。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,979評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • 當(dāng)我看到下面這張基本圖的時(shí)候成箫,我的右側(cè)的濃眉毛不由自主抖動(dòng)了兩下展箱,呵,呵呵~~ rotateY( angle ) ...
    追風(fēng)逸少丶閱讀 1,507評(píng)論 0 3
  • 一、寫(xiě)在前面的秋褲 早在去年的去年皂贩,我就大肆介紹了2D transform相關(guān)內(nèi)容栖榨。看過(guò)海賊王的都知道明刷,帶D的家伙...
    MrZengB閱讀 1,349評(píng)論 2 9
  • 必不可少的perspective屬性 perspective屬性的存在與否決定了你所看到的是2次元的還是3次元的婴栽,...
    codeice閱讀 753評(píng)論 0 0
  • CSS里transform變形這個(gè)屬性有點(diǎn)學(xué)習(xí)難度,尤其在CSS3里加上了3D效果之后辈末,2維變3維學(xué)習(xí)成本更是成倍...
    張歆琳閱讀 27,833評(píng)論 5 81
  • 看了很多視頻愚争、文章映皆,最后卻通通忘記了,別人的知識(shí)依舊是別人的轰枝,自己卻什么都沒(méi)獲得捅彻。此系列文章旨在加深自己的印象,因...
    DCbryant閱讀 1,864評(píng)論 0 4