1.perspective 是设置镜头距离,距离越远视图越小,视图越近,视图越大。就像相机焦距一样。其只对子元素产生效果.
2.transform-style: preserve-3d 设置3d效果,也是只对子元素产生效果。
3. 倾斜的视图,并且旋转,最开始我以为要对坐标系统进行旋转,其实不然。设置联合动画就行。
1 2 3 4 5 | @keyframes Rotate{ /*//联合作用才会产生效果*/ from{transform:rotateZ(-30deg) rotateY(0);} to{transform:rotateZ(-30deg) rotateY(360deg);} } |
只对下图的整个球进行旋转就行,其余圆形通过透视产生3d效果
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步