请选择 进入手机版 | 继续访问电脑版
MSIPO技术圈 首页 IT技术 查看内容

css 3d 常用函数

2023-07-13

父盒子经常添加的属性,添加后可以以3D视角观看; 值越大可观察的视图越小

.box{
            
                perspective: 1200px;
                
            }

父盒子经常添加的属性,添加后保存3D视图。  当子盒子使用3D情况后,操作父盒子时,子盒子依旧以3D视角进行旋转等操作

.box{
          
                transform-style: preserve-3d;
            
            }

设置过渡时间,  all 是代表所有变形效果均可以以该时间进行过渡

.box{
  
                transition: all 1.5s;
            }

设置旋转轴以及角度

.box>div{
                transform: rotateX(90deg)
            }

设置多个变化效果

.box>div{
                transform: rotateX(270deg) translateY(-50px) translateZ(-50px);
            }

相关阅读

手机版|MSIPO技术圈 皖ICP备19022944号-2

Copyright © 2024, msipo.com

返回顶部