15天前端学习-第五天(个人记录)
perspective能做3D的效果,(元素与视图的距离)可以理解为深度,其值为像素。(值越大幅度约小)
transform-style: preserve-3d;3D三维空间 写在perspective里层
transform-origin: center center -50px;(值1:x轴,值2:y轴,值3:z轴(不支持center))
制作立方体主要是对,立方体几个面的理解以及移动,对折,翻转各方向移动变化的理解.
翻转
前移
翻转与前移的代码
<style>
原创
2020-06-07 21:43:00 ·
158 阅读 ·
0 评论