CSS3-3D相关知识—视角以及变形方向

                      CSS3-3D相关知识—视角以及变形方向

CSS3中的3D旋转视角问题:
例图:
CSS3-3D相关知识—视角以及变形方向_第1张图片
X轴从左到右,Y轴从上到下,Z轴从里到外。视角处于圆锥尖点前方,正值方向为顺时针,旋转情形想象成烧烤,竹签为轴,肉片为面,进行旋转。

示例代码:





trasform3D



front
back
front
back
back
front

运行截图:
CSS3-3D相关知识—视角以及变形方向_第2张图片

你可能感兴趣的:(CSS3-3D相关知识—视角以及变形方向)