css3基礎---perspective景深進階
阿新 • • 發佈：2021-07-08
景深:讓3D場景有近大遠小的效果（我們肉眼距離螢幕的距離）
是一個不可繼承屬性，但他可以作用於後代元素（不是作用於本身的）
原理：
景深越大滅點越遠元素變形更小
景深越小滅點越近元素變形更大
景深基點
視角的位置
滅點
指的是立體圖形各條邊的延伸線所產生的相交點。透視點的消失點
景深基點
預設值:
perspective-origin:50%50%;（預設值）
perspective-origin
同perspective屬性，也是設定在父元素上，對後代元素起作用。 這個屬性來設定你在X, Y軸座標確定的那個點來看這個元素，Z軸是被perspective屬性設定的
perspective-origin: left top;