css preserve-3d 使用
生活随笔
收集整理的這篇文章主要介紹了
css preserve-3d 使用
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
transform-style 設置元素的子元素是位于 3D 空間中還是平面中。所以 transform-style 是應該加在父盒子上面的。
可以把擁有這個屬性的盒子想象成一個舞臺， 里面的子元素都是演員，他們可以隨意表演，我們可以通過舞臺觀看
perspective 指定了觀察者與 z=0 平面的距離，可以想象是我們和舞臺的距離， 如果我們離舞臺更近是不是看到的東西越少，東西越大呢，如果我們離舞臺越遠看到的越多，演員也隨之越小
只要開啟了 transform-style: preserve-3d, 舞臺也就是 3d 的，perspective 加不加無所謂的，它只是規定了我們和舞臺的距離
demo
總結
以上是生活随笔為你收集整理的css preserve-3d 使用的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 基于树莓派的WireGuard安装配置与
- 下一篇： C#生成含数字字母的随机字符串