摘要: 这次使用空间转换来完成立体图形,需要用到定位,旋转,位移。 首先需要六个高宽200px的平面,每个颜色不一样。可以清除的看到六个平面是一种平铺的状态 给父元素设置相对定位,子元素设置绝对定位,这样六个平面压在一起。 这里div1,2,3,4是上下左右四个面,div1,2绕X轴旋转90度,并在Z轴分别 阅读全文
posted @ 2022-07-29 16:04 漫步火星 阅读(83) 评论(0) 推荐(0) 编辑
摘要: 前一个内容是平面转化,这次是空间转换,唯一不同的就是平面转换是以X和Y轴,空间转换就是加了一个Z轴,使得更立体。 老规矩!位移、旋转、缩放! 位移(transform:translateZ()) 由于在空间中物体在Z轴上进行位移时,我们肉眼在电脑中是看不出来的,因为屏幕是平面的。这里有个连写的方式( 阅读全文
posted @ 2022-07-29 10:15 漫步火星 阅读(31) 评论(0) 推荐(0) 编辑