transform

屬性
transform 向元素應(yīng)用 2D 或 3D 轉(zhuǎn)換卷拘。
transform-origin 動(dòng)畫中心點(diǎn)除秀。
transform-style 規(guī)定被嵌套元素如何在 3D 空間中顯示。
perspective 規(guī)定 3D 元素的透視效果涣达。
perspective-origin 規(guī)定 3D 元素的底部位置在辆。
backface-visibility 定義元素在不面對(duì)屏幕時(shí)是否可見(jiàn)。

| matrix(n,n,n,n,n,n) | 定義 2D 轉(zhuǎn)換度苔,使用六個(gè)值的矩陣匆篓。
| matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n) | 定義 3D 轉(zhuǎn)換,使用 16 個(gè)值的 4x4 矩陣林螃。 | |
| translate(x,y) | 定義 2D 轉(zhuǎn)換奕删。f=css_transform_translate) |
| translate3d(x,y,z) | 定義 3D 轉(zhuǎn)換。 |
| translateY(y) | 定義轉(zhuǎn)換疗认,只是用 Y 軸的值完残。
| translateZ(z) | 定義 3D 轉(zhuǎn)換,只是用 Z 軸的值横漏。 | |
| scale(x,y) | 定義 2D 縮放轉(zhuǎn)換谨设。
| scale3d(x,y,z) | 定義 3D 縮放轉(zhuǎn)換。 | |
| scaleX(x) | 通過(guò)設(shè)置 X 軸的值來(lái)定義縮放轉(zhuǎn)換缎浇。
| scaleY(y) | 通過(guò)設(shè)置 Y 軸的值來(lái)定義縮放轉(zhuǎn)換扎拣。
| scaleZ(z) | 通過(guò)設(shè)置 Z 軸的值來(lái)定義 3D 縮放轉(zhuǎn)換。 | |
| rotate(angle) | 定義 2D 旋轉(zhuǎn)素跺,在參數(shù)中規(guī)定角度二蓝。
| rotate3d(x,y,z,angle) | 定義 3D 旋轉(zhuǎn)。 | |
| rotateX(angle) | 定義沿著 X 軸的 3D 旋轉(zhuǎn)指厌。
| rotateY(angle) | 定義沿著 Y 軸的 3D 旋轉(zhuǎn)刊愚。
| rotateZ(angle) | 定義沿著 Z 軸的 3D 旋轉(zhuǎn)。
| skew(x-angle,y-angle) | 定義沿著 X 和 Y 軸的 2D 傾斜轉(zhuǎn)換踩验。
| skewX(angle) | 定義沿著 X 軸的 2D 傾斜轉(zhuǎn)換鸥诽。
| skewY(angle) | 定義沿著 Y 軸的 2D 傾斜轉(zhuǎn)換商玫。
| perspective(n) | 為 3D 轉(zhuǎn)換元素定義透視視圖。 |

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末牡借,一起剝皮案震驚了整個(gè)濱河市拳昌,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌钠龙,老刑警劉巖炬藤,帶你破解...
    沈念sama閱讀 206,839評(píng)論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異俊鱼,居然都是意外死亡刻像,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,543評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門并闲,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)细睡,“玉大人,你說(shuō)我怎么就攤上這事帝火×镝悖” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 153,116評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵犀填,是天一觀的道長(zhǎng)蠢壹。 經(jīng)常有香客問(wèn)我,道長(zhǎng)九巡,這世上最難降的妖魔是什么图贸? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,371評(píng)論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮冕广,結(jié)果婚禮上疏日,老公的妹妹穿的比我還像新娘。我一直安慰自己撒汉,他們只是感情好沟优,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,384評(píng)論 5 374
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著睬辐,像睡著了一般挠阁。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上溯饵,一...
    開(kāi)封第一講書(shū)人閱讀 49,111評(píng)論 1 285
  • 那天侵俗,我揣著相機(jī)與錄音,去河邊找鬼丰刊。 笑死坡慌,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的藻三。 我是一名探鬼主播洪橘,決...
    沈念sama閱讀 38,416評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼棵帽!你這毒婦竟也來(lái)了熄求?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 37,053評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤逗概,失蹤者是張志新(化名)和其女友劉穎弟晚,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體逾苫,經(jīng)...
    沈念sama閱讀 43,558評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡卿城,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,007評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了铅搓。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片瑟押。...
    茶點(diǎn)故事閱讀 38,117評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖星掰,靈堂內(nèi)的尸體忽然破棺而出多望,到底是詐尸還是另有隱情,我是刑警寧澤氢烘,帶...
    沈念sama閱讀 33,756評(píng)論 4 324
  • 正文 年R本政府宣布怀偷,位于F島的核電站,受9級(jí)特大地震影響播玖,放射性物質(zhì)發(fā)生泄漏椎工。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,324評(píng)論 3 307
  • 文/蒙蒙 一蜀踏、第九天 我趴在偏房一處隱蔽的房頂上張望维蒙。 院中可真熱鬧,春花似錦脓斩、人聲如沸木西。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,315評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)八千。三九已至,卻和暖如春燎猛,著一層夾襖步出監(jiān)牢的瞬間恋捆,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,539評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工重绷, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留沸停,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,578評(píng)論 2 355
  • 正文 我出身青樓昭卓,卻偏偏與公主長(zhǎng)得像愤钾,于是被迫代替她去往敵國(guó)和親瘟滨。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,877評(píng)論 2 345

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

  • Transforrm屬性是控制2D或者3D元素的縮放能颁,傾斜杂瘸,移動(dòng),旋轉(zhuǎn) 上面代碼復(fù)制到html文件你大概會(huì)明白tr...
    九歌1閱讀 1,003評(píng)論 0 0
  • 原文: 張?chǎng)涡窭蠋煹?好吧伙菊,CSS3 3D transform變換败玉,不過(guò)如此!镜硕。 參考資料:w3school ...
    iStorm閱讀 1,769評(píng)論 0 0
  • 這一章运翼,我準(zhǔn)備詳細(xì)介紹下 transform 這個(gè)屬性。 我們先來(lái)看看其兼容性兴枯, Internet Explore...
    __越過(guò)山丘__閱讀 2,572評(píng)論 0 0
  • CSS門檻低血淌,無(wú)需程序基礎(chǔ)或數(shù)學(xué)邏輯能力,也能做出點(diǎn)自我感覺(jué)不錯(cuò)的東西念恍。然而六剥,你自己也應(yīng)該清楚的,一般你能輕松學(xué)到...
    果汁涼茶丶閱讀 15,925評(píng)論 1 21
  • CSS3動(dòng)畫的屬性主要分為三類:transform峰伙、transition以及animation疗疟。 Transfor...
    may_mico閱讀 11,984評(píng)論 1 19