和2D一樣也是transform 即變形

?

?

1)rotateX rotateY?rotateZ（也可以用transform-origin來設置旋轉中心點）

?

2)透視(perspective)

給父親加透視，透視就是模擬眼睛到物體的距離，近大遠小，即數值越小，3D越明顯

?

理解透視就是把眼睛放在離物體多遠的地方看，不設置透視可以理解成在無窮遠處看，和太陽光一樣，不會因為Z改變而看出變化

?? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?

?

translate3d(x,y,z)//一下寫3個? ? 其中x,y可以是px可以是%（和相對定位一樣，自戀型） 而z只能是px

?

backface-visibility//只要是反面朝向我們，我們設置隱藏

?

?

轉載于:https://www.cnblogs.com/ningxinjie/p/10888094.html

總結

以上是生活随笔為你收集整理的CSS3最颠覆性的动画效果，基本属性[3D]的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。