cssday04 轉換屬性,轉換原點,轉換函式

2021-08-22 13:19:50 字數 982 閱讀 4958

目錄

1.css 轉換屬性

2.轉換原點

3.轉換函式

屬性 transform

取值 轉換函式,如果出現多個轉換函式,使用空格隔開

屬性 transform-origin

取值1.關鍵字 top / bottom / left / right / center

2.使用px 或者 % 指定轉換原點

3.預設轉換原點在元素的中心位置

1.平移轉換

1.轉換函式 translate()

2.取值

1.translate(x) 元素沿水平方向進行移動

等價於 translatex()

2.translate(x,y) 元素沿水平方向移動x,沿垂直方向移動y

3.元素沿垂直方向平移

translatey()

2.縮放

1.根據比例改變元素大小

2.語法

1.轉換函式 scale(x) 表示元素x軸和y軸都按照指定比例縮放

2.scalex(x) 

表示原始尺寸取值為無單位的數字,預設值是1,表示原始尺寸,元素沿x軸縮放

取值 >1 元素放大的比例

取值在0-1之間,元素會按照比例縮小

取值為負值,元素會反轉

3.scaley(x) 元素沿y軸縮放

3.旋轉

1.改變元素在文件中的顯示角度

2.屬性 rotate(ndeg) 

3.取值為帶角度單位的數值,eg:45deg

取值為正 表示順時針旋轉

取值為負 表示逆時針旋轉

4.注意:

1.轉換原點一旦改變,會影響轉換效果

2.旋轉操作會連帶座標軸一起旋轉,會影響其後其他的轉換操作

transform-origin:left bottom 以左下角為旋轉原點

transform:rotate(45deg); 旋轉45° 

20141011 轉換習題2

習題要求 依次鍵盤輸入每個人的名字,加年齡,之後彙總列印出來,之後求年齡和列印出來。需要將名字和年齡分別定義賦值。名字定義為引用型,string m1 console.readline 年齡則需要定義為值型 double n1 convert.todouble console.readline 因為...

20141010 轉換習題1

練習一 要求 在控制台中人工輸入任意十個數值,最後求十個數值的合。首先要將輸入的數值定義 1 整型定義 以int為例 int a convert.toint console.readline 2 浮點定義以double為例 double a convert.todouble console.read...

外掛程式60 轉換簡訊語言

轉換簡訊語言 外掛程式說明 接受乙個字串,如果它包含可識別的簡訊語音縮寫符,就把他們轉換為標準英語語句並返回。它需要以下引數 text 需要處理的文字。this is an executable example with additional code supplied to obtain just...