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