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建模的基本元素 關係和圖構造塊部分。基本建模元素是整個模型的基礎,有時被稱為物件,又可細分為結構性 行為性 分組性 注釋性建模元素。關係是說明多個模型元素在語意上的相關性,並可形成更高層次的語意定義,主要用在結構性和分組性的元素之間。可...