05 2022 档案

立体呈现-第二十五天

摘要：立体呈现目标:使用tranform-style:preserve-3d呈现立体图形呈现立体图形步骤盒子父元素添加transform-style:preserve-3d; 按需求设置子盒子的位置(位移或旋转) 注意空间内,转换元素都有自己独立的坐标轴,互不干扰实现正方体 <!DOCTYPE 阅读全文

posted @ 2022-05-06 08:24 我爱打码阅读(31) 评论(0) 推荐(0) 编辑

空间旋转-第二十四天

摘要：空间旋转目标:使用rotate实现元素空间旋转效果语法 transform:rotateZ(值); transform:rotateX(值); transform:rotate(值); 拓展 rotate3d(x,y,z,角度度数) 用来设置自定义旋转轴的位置及旋转的角度 x,y,z取值为0-1 阅读全文

posted @ 2022-05-05 08:04 我爱打码阅读(32) 评论(0) 推荐(0) 编辑