CSS3--3D转换

3D转换

  • 什么是2D和3D
    • 2D就是一个平面, 只有宽度和高度, 没有厚度
    • 3D就是一个立体, 有宽度和高度, 还有厚度
  • 如何让某个元素呈3D展现
    • 和透视一样, 想看到某个元素的3d效果, 只需要给他的父元素添加一个transform-style属性, 然后设置为preserve-3d即可
    • transform-style: preserve-3d;
  • 注意点：
    • 动画中如果有和默认样式中同名的属性, 会覆盖默认样式中同名的属性
    • 在编写动画的时候, 固定不变的值写在前面, 需要变化的值写在后面
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。