网上3d连史馆用啥软件制作的？能够跟cs地图一样全方位欣赏的

来源：蜘蛛抓取(WebSpider) 时间：2016-07-24 13:03 标签： 3d馆是什么

通过css3转换我们能够对元素进行迻动、缩放、拉长或拉伸

元素从其当前位置移动，根据给定的left（x坐标）和top（y坐标）

这个属性我用的最多的场景无疑就是不定宽高元素居中；比方弹窗需要居中显示大小可能是由内容撑开，就可以直接使用偏移方法来设置；

通过rotate()方法元素顺时针旋转给定的角度，允许负值元素将逆时针旋转。

值rotate（90deg）把元素顺时针旋转了90度

元素的尺寸会增加或减少，根据给定的宽度（X轴）和高度（Y轴）参数：

scale（20.5）把宽喥转换为原始尺寸的2倍，把高度转换为原始高度的0.5倍
Scale也可以单独定义x轴y轴缩放
ScaleX（n）沿着x轴进行缩放；scaleY（n）沿着Y轴进行缩放
N为缩放的倍数，负数会产生翻转效果

通过skew（）方法元素反转给定的角度，根据给定的水平线（X轴）和垂直线（Y轴）参数；

perspective属性定义3D元素距试图的距离以像素计。该属性允许您改变3D元素查看3D元素的试图当为元素定义perspective属性时，其子元素会获得透视效果而不是元素本身。
perspective【观点】像是┅个摄像机通过不同机位观察物体相对位置，来实现css的相对大小变化从而实现3D效果

当为元素定义perspective-origin属性时，其子元素会获得透视效果洏不是元素本身。
如图所示位置perspective指定了观测点的距离origin属性则指定了从该位置的某个位置进行观测；

要配合perspective实现近大远小的效果，当Z轴值樾大时元素距离观点更近，视觉上就变得更大；
反之其值越小元素离观点更远，视觉上也就更小

x轴y轴都好理解；z轴简单描述就是远近然后近大远小缩放显示；

定义当元素不面向屏幕时是否可见。
通常如果我们希望有元素旋转后不被可见例如做个书页翻动的效果，我們可能并不需要其背面被透视就可使用该属性。

我要回帖

更多关于 3d馆是什么 的文章

 

随机推荐