成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

transform

ephererid / 2411人閱讀

摘要:參考一變形原點(diǎn)變形原點(diǎn),默認(rèn)值為中心位置的值可以為百分值,默認(rèn)值二旋轉(zhuǎn)三移動(dòng)四縮放五扭曲基點(diǎn),默認(rèn)值

參考:https://blog.csdn.net/qq_2418...

一、變形原點(diǎn)

transform-origin(X,Y)變形原點(diǎn),默認(rèn)值為中心位置
(-webkit-,-moz-,-o-)
x,y的值可以為百分值,em,px
x → left,center,right
y → top,center,bottom

top left|left top ==> 0 0

top|top center| center top ==>50% 0

left|left center|center left ==>0 50%

center| center center ==>50% 50%(默認(rèn)值)

right|right center|center right ==>100% 50%

bottom|bottom center|center bottom ==>50% 100%

bottom left|left bottom ==>0 100%

bottom right|right bottom ==>100% 100%

transform-origin(25%,75%)

二、旋轉(zhuǎn)rotate
transform:rotate(30deg)

三、移動(dòng)translate
transform:translate(100px 20px)

四、縮放scale
transform:scale(2,1.5)

五、扭曲skew
transform:skew(30deg,10deg)
基點(diǎn):transform-origin(50%,50%)默認(rèn)值

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://m.hztianpu.com/yun/117175.html

相關(guān)文章

  • 深入node之Transform

    摘要:內(nèi)部架構(gòu)上圖表示一個(gè)實(shí)例的組成部分部分緩沖數(shù)組內(nèi)部函數(shù)部分緩沖鏈表內(nèi)部函數(shù)實(shí)例必須實(shí)現(xiàn)的內(nèi)部函數(shù)以及系統(tǒng)提供的回調(diào)函數(shù)。有三個(gè)參數(shù),第一個(gè)為待處理的數(shù)據(jù),第二個(gè)為編碼,第三個(gè)為回調(diào)函數(shù)。 Transform流特性 在開(kāi)發(fā)中直接接觸Transform流的情況不是很多,往往是使用相對(duì)成熟的模塊或者封裝的API來(lái)完成流的處理,最為特殊的莫過(guò)于through2模塊和gulp流操作。那么,Tra...

    williamwen1986 評(píng)論0 收藏0
  • css3變形動(dòng)畫的一些基礎(chǔ)知識(shí)

    摘要:指定完成過(guò)渡所需的時(shí)間,完成一次動(dòng)畫所需時(shí)間指定過(guò)渡函數(shù),動(dòng)畫播放方式指定開(kāi)始出現(xiàn)的延遲時(shí)間,如果沒(méi)有延遲我們可以用或者直接不寫。第一種第二種第三種被稱為關(guān)鍵幀,其類似于中的關(guān)鍵幀。表示動(dòng)畫在結(jié)束后繼續(xù)應(yīng)用最后的關(guān)鍵幀的位置。 transform rotate(180deg)2D旋轉(zhuǎn)正值代表順時(shí)針旋轉(zhuǎn)180度,負(fù)值代表逆時(shí)針旋轉(zhuǎn),用法transform:rotate(180deg);...

    gghyoo 評(píng)論0 收藏0
  • [學(xué)習(xí)交流]博客園 cnblog 添加github鏈接和自定義美化學(xué)習(xí)

    2018.12.30更新 --------------------------------------------------------------------分割線--------------------------------------------------------------------------------- 認(rèn)識(shí)博客園的組件 選擇皮膚:設(shè)置-博客設(shè)置-(該皮膚為簡(jiǎn)潔) 下面...

    番茄西紅柿 評(píng)論0 收藏0
  • 編寫自己的代碼庫(kù)(css3常用動(dòng)畫的實(shí)現(xiàn))

    摘要:前言在月初的時(shí)候,發(fā)了熱身實(shí)戰(zhàn)過(guò)渡與動(dòng)畫實(shí)現(xiàn)炫酷下拉,手風(fēng)琴,無(wú)縫滾動(dòng)。的代碼庫(kù)也發(fā)過(guò)兩次,兩篇文章。之前也說(shuō)過(guò),我寫文章的目的是授人以漁,不是授人以魚(yú)。難的是動(dòng)畫的一些編寫,這個(gè)需要?jiǎng)?chuàng)意,大家可以上網(wǎng)參考。 1.前言 在月初的時(shí)候,發(fā)了CSS3熱身實(shí)戰(zhàn)--過(guò)渡與動(dòng)畫(實(shí)現(xiàn)炫酷下拉,手風(fēng)琴,無(wú)縫滾動(dòng))。js的代碼庫(kù)也發(fā)過(guò)兩次,兩篇文章。之前也寫了css3的熱身實(shí)戰(zhàn),既然熱身完了,是時(shí)候...

    cpupro 評(píng)論0 收藏0
  • CSS3 變換

    摘要:概覽變換也叫轉(zhuǎn)換,主要包括以下幾種旋轉(zhuǎn)扭曲縮放和移動(dòng)以及矩陣變形。變換沒(méi)有扭曲操作,有移動(dòng),旋轉(zhuǎn),縮放。三,取消的變換,將變換應(yīng)用到上并置于縮放前,改變縮放值,沒(méi)有任何變化。 概覽 CSS3 變換也叫 2D/3D轉(zhuǎn)換,主要包括以下幾種:旋轉(zhuǎn)(rotate) 、扭曲 (skew) 、縮放(scale) 和 移動(dòng)(translate) 以及 矩陣變形(matrix) 。transform ...

    wayneli 評(píng)論0 收藏0
  • javax.crypto.Cipher 源碼學(xué)習(xí)筆記

    摘要:源碼學(xué)習(xí)筆記該類是用來(lái)加密的引擎類,支持對(duì)稱和非對(duì)稱加密。函數(shù)創(chuàng)建對(duì)象操作其中方法是在中操作的方法,其他幾個(gè)都使用執(zhí)行。狀態(tài)變化內(nèi)部類內(nèi)部類是用來(lái)解析中傳入的字符串的。查詢時(shí),也會(huì)查詢別名是否等于。知其然知其所以然。 javax.crypto.Cipher 源碼學(xué)習(xí)筆記 該類是JCE用來(lái)加密的引擎類,支持對(duì)稱和非對(duì)稱加密。該類的介紹可以參考:[[譯]JCA參考指南(二):核心類和接口]...

    余學(xué)文 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<