CSS3 transform

transform的屬性包括:rotate() 骂远、skew() 、scale()腰根、 translate(,) 激才,分別還有x、y之分额嘿,比如:rotateX() 和 rotateY() 瘸恼,translateX()和translateY()等,以此類(lèi)推册养。

1东帅、transform:rotate():

含義:旋轉(zhuǎn);其中“deg”是“度”的意思球拦,如“10deg”表示“10度”下同靠闭。

2、transform:skew():

含義:傾斜坎炼;參數(shù)表示傾斜角度愧膀,單位deg

一個(gè)參數(shù)時(shí):表示垂直方向的傾斜角度;

兩個(gè)參數(shù)時(shí):第一個(gè)參數(shù)表示垂直方向的傾斜角度谣光,第二個(gè)參數(shù)表示水平方向的傾斜角度檩淋。

skewX(30deg):(縱軸逆時(shí)針轉(zhuǎn)動(dòng))

skewY(10deg):(橫軸順時(shí)針轉(zhuǎn)動(dòng))

skew(30deg, 10deg) 如下圖:

3、transform:scale():

含義:比例抢肛;“1.5”表示以1.5的比例放大,如果要放大2倍碳柱,須寫(xiě)成“2.0”捡絮,縮小則為負(fù)“-”。

4莲镣、transform:translate():

含義:位移福稳;如下表示向右位移120像素,向左向下位移則為負(fù)“-”瑞侮。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末的圆,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子半火,更是在濱河造成了極大的恐慌越妈,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,427評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件钮糖,死亡現(xiàn)場(chǎng)離奇詭異梅掠,居然都是意外死亡酌住,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,551評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門(mén)阎抒,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)酪我,“玉大人,你說(shuō)我怎么就攤上這事且叁《伎蓿” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 165,747評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵逞带,是天一觀的道長(zhǎng)欺矫。 經(jīng)常有香客問(wèn)我,道長(zhǎng)掰担,這世上最難降的妖魔是什么汇陆? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,939評(píng)論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮带饱,結(jié)果婚禮上毡代,老公的妹妹穿的比我還像新娘。我一直安慰自己勺疼,他們只是感情好教寂,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,955評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著执庐,像睡著了一般酪耕。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上轨淌,一...
    開(kāi)封第一講書(shū)人閱讀 51,737評(píng)論 1 305
  • 那天迂烁,我揣著相機(jī)與錄音,去河邊找鬼递鹉。 笑死盟步,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的躏结。 我是一名探鬼主播却盘,決...
    沈念sama閱讀 40,448評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼媳拴!你這毒婦竟也來(lái)了黄橘?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 39,352評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤屈溉,失蹤者是張志新(化名)和其女友劉穎塞关,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體子巾,經(jīng)...
    沈念sama閱讀 45,834評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡描孟,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,992評(píng)論 3 338
  • 正文 我和宋清朗相戀三年驶睦,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片匿醒。...
    茶點(diǎn)故事閱讀 40,133評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡场航,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出廉羔,到底是詐尸還是另有隱情溉痢,我是刑警寧澤,帶...
    沈念sama閱讀 35,815評(píng)論 5 346
  • 正文 年R本政府宣布憋他,位于F島的核電站孩饼,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏竹挡。R本人自食惡果不足惜镀娶,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,477評(píng)論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望揪罕。 院中可真熱鬧梯码,春花似錦、人聲如沸好啰。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,022評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)框往。三九已至鳄抒,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間椰弊,已是汗流浹背许溅。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,147評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留秉版,地道東北人贤重。 一個(gè)月前我還...
    沈念sama閱讀 48,398評(píng)論 3 373
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像沐飘,于是被迫代替她去往敵國(guó)和親游桩。 傳聞我的和親對(duì)象是個(gè)殘疾皇子牲迫,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,077評(píng)論 2 355

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

  • 關(guān)于css3變形 CSS3變形是一些效果的集合耐朴,比如平移、旋轉(zhuǎn)盹憎、縮放和傾斜效果筛峭,每個(gè)效果都被稱(chēng)作為變形函數(shù)(Tra...
    hopevow閱讀 6,333評(píng)論 2 13
  • CSS里transform變形這個(gè)屬性有點(diǎn)學(xué)習(xí)難度,尤其在CSS3里加上了3D效果之后陪每,2維變3維學(xué)習(xí)成本更是成倍...
    張歆琳閱讀 27,844評(píng)論 5 81
  • 例1: transform:rotate(): 含義:旋轉(zhuǎn)影晓;其中“deg”是“度”的意思镰吵,如“10deg”表示“1...
    raincoco閱讀 434評(píng)論 0 0
  • 鏈接:http://www.w3cplus.com/content/css3-transformTransform...
    青春前行閱讀 483評(píng)論 0 0
  • 1. transform 1.1 基本概念 transform屬性主要用于元素的變形處理,對(duì)元素進(jìn)行旋轉(zhuǎn)、縮放挂签、移...
    愛(ài)可不可愛(ài)_90845閱讀 1,207評(píng)論 2 7