慶東12 21筆記 3D視距

2021-10-12 12:51:45 字數 416 閱讀 1044

perspective:用來模擬人類的視覺位置,也稱為視距,

即人的眼睛到螢幕的距離

單位是px

值越大視距越遠,成像小

寫在觀察元素的父盒子上

transform-style:preserve-3d讓物體在空間3d呈現

perspective:1000px;透視距離(必寫兩句)

-ms-transform-style: preserve-3d;相容瀏覽器

橫向x,豎向y,前後z

製作3d旋轉盒子

transform-origin變形起始的點

預設是center center

可改:top left等

慶東12 28筆記 flex

axis 軸 main主 cross main star主軸開始 cross end軸結束 justify content 裡面對齊方式 flex start 開始 end結束 center中間位置 space between 兩端對齊 space around 拉手對齊 flex directio...

慶東11 23筆記 外邊距

萬用字元 網頁裡的所有元素的內外邊距都為0畫素,緊貼瀏覽器邊邊上 margin 20px 外邊距也是以順時針給值 乙個 全部 兩個 上下 左右 三個 上 左右 下 四個 上 右 下 左 margin 盒子水平居中,左右外邊距的左右自動 margin 0 auto 前提是他有寬度 margin lef...

慶東12 01筆記 浮動 定位

一 clearfix after clearfix 二 clearfix before,clearfix after clearfix after clearfix 三 overflow hidden float right,left 相對定位 position relative 相對 原來的位置還...