CSS3 translate3d 常用相關屬性


transform: translate3d(300px, 0, 0) rotateY(-15deg) rotateX(-15deg) rotateZ(-15deg);

x軸偏移300px xyz三個軸線各旋轉-15度
rotateX 沿着屏幕橫向軸旋轉

rotateY 沿着屏幕豎直方向軸旋轉

rotateZ 沿着屏幕垂直方向軸旋轉

transform-style: preserve-3d;

讓轉換的子元素保留3D轉換:

transform-origin: 0% 50%;

旋轉中心 x軸起始點 y軸50%位置

詳情可參考 http://www.cnblogs.com/xiaohuochai/p/5351477.html#anchor5


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM