2020 0408知識總結

2021-10-04 20:31:44 字數 1324 閱讀 7099

3d的功能函式

1、首先形成3d空間(讓父元素形成3d空間)

transform-style:preserve-3d。

2、3d的功能函式:

(1)3d的位移:transform:translate3d(x,y,z);

transform:translatez(z軸移動的距離);

(2)3d的旋**transform:rotatez();

transform:rotate3d(x,y,z,度數);

注:x,y,z,度數(乙個向量值,0代表不旋轉,1代表旋轉)

transform:rotate3d(1,1,0,45deg)

等價於:transform:rotatex(45deg) rotatey(45deg);

(3)3d的縮放:transform:scalez();

transform:scale3d(x,y,z);

注:讓背景不可見:

backface-visibility:hidden;

3、景深:(近大遠小)

perspective:(值越大,距離越遠,給父元素新增)900px-1200px最理想。

景深視角:perspective-origin:

中間 center

左上角left top

4、css3動畫:

(1)製作關鍵幀:

@keyframes 動畫名稱

to(結束)

}@keyframes 動畫名稱

25%{}

50%{}

75%{}

100%{}

}(2)呼叫關鍵幀:

簡寫方式:

animation:

動畫名稱

動畫時間

延遲時間

動畫的型別

動畫的迴圈次數(無限迴圈:infinite)

動畫的運動方向(reverse alternate先正後反 alternate-reverse先反後正)

運動的狀態:animation-plat-state:running paused(暫停)

動畫停止的狀態:

animation-fill-mode:forwards(停在最後一幀)

動畫的型別:linear 勻速,ease預設值,step-start馬上跳到動畫每一結束幀的狀態

5、transition和animation的區別

transition需要事件觸發(比如滑鼠滑過)

animation:自動觸發

小馬的白痴日常20200408

db2資料庫設定字段值不能重複 情況一 建表時設定 一定要先設定字段不能為空,再設定字段不能重複 create table persons id p int not null unique,lastname varchar 255 not null,firstname varchar 255 add...

SQL知識總結

use tablename 要操作的資料庫名 select logicalfilename tablename log 日誌檔名 maxminutes 10,limit on time allowed to wrap log.newsize 1 你想設定的日誌檔案的大小 m setup initia...

UML知識總結

uml從組成結構上講是由以下三大部分組成。第一部分是指包含uml建模的基本元素 關係和圖構造塊部分。基本建模元素是整個模型的基礎,有時被稱為物件,又可細分為結構性 行為性 分組性 注釋性建模元素。關係是說明多個模型元素在語意上的相關性,並可形成更高層次的語意定義,主要用在結構性和分組性的元素之間。可...