3d屬性型別

2021-10-04 20:29:39 字數 643 閱讀 9735

3d旋**rotatez() rotate3d(x,y,z,度數) 注:x y z 乙個向量值 0是不旋轉 1是旋轉 例如:rotate3d(1,1,0,45deg)

3d縮放:scalez()scale3d(x,y,z)

背面不可見:backface-visibility:hedden;

perspective景深:值越大距離越遠 (給父元素新增)通常為900到1200畫素之間

景深的視角:perspective-origin:中間:center 左上角:left top 或右上角right top 或者畫素10px 10px

製作關鍵幀@keyframes 名字

(結束)to

}詞用關鍵幀(簡寫方式):名字 動的時間 延遲時間 型別(勻速 linear,預設值 ease,跳到每一結束幀的狀態 step-start) 迴圈的次數(無限迴圈 infinite) 運動的方向(reverse alternate是先正後反,alternate-reverse是先反後正) 運動的狀態(animation-plat-state:running paused暫停 停止的狀態:(animation-fill-mode:forwards停在最後一幀) transition和animation的區別:transition需要事件觸發例如滑鼠滑過 animation:自動觸發

3D效果 perspective屬性

css3中的transform可以做2d操作,當然也有3d操作。3d效果的顯示在於父元素必須有乙個perspective屬性。例如 perspective屬性可以定義3d視覺的角度,可以使子元素顯示3d特效。perspectice視距,表示視點距離螢幕的長短,視點,用於模擬透視效果時人眼的位置 pe...

H5 動畫屬性 3d屬性

animation 規定動畫 keyframes name to keyframes name 10 20 30 40 50 60 70 100 動畫屬性 charset utf 8 title type text css divdiv hover 關鍵幀 keyframes movedhto st...

不要為3d而3d

和以前的幾個朋友聊天,也有做game的。發現大家對3d技術都非常熱衷,但是這種熱衷顯得刻意的 為3d而3d,就有點捨本逐末。1 遊戲最重要的是策劃,需要具體的滿足人心底的某種需求,2 3d需要 好顯示卡的支援,這樣就將一部分使用者排斥在外面了。3 現在3d engine已經 很成熟了,通過這些上面的...