我正在尝试使用以下内容获取立方体的透视视角:
http://jsfiddle.net/TrySpace/JvFSQ/5/
但是它并没有按照我的预期工作,我希望实际的视角发生改变。因此,当transformOrigin: Xpos+'%'+Ypos+'%'
为100%-100%时,我希望视角从右下角开始,并看到立方体的右侧/底部。但是似乎它只是在放大立方体。我正在使用jstransit,因为通过jQuery设置
.css(perspective-origin: X% X%)
似乎没有任何效果。我想我还没有完全理解3D CSS。
有人能看出我错在哪里吗?
(更新1:当我编辑第一个
<section>
时:并设置:transform: rotateY(1deg) rotateX(1deg)
,它似乎做得更少了。好像必须发生转换才能改变视角?http://jsfiddle.net/TrySpace/JvFSQ/6/)
更新2:当我将Y&X设置为90度时,我得到了我想要的东西,尽管是相反的。我的思路错在哪里?http://jsfiddle.net/TrySpace/JvFSQ/8/
perspective-origin
设置为更大的值可以帮助解决拉伸问题(http://jsfiddle.net/JvFSQ/29/),但同时也会失去一些物体周围的“运动感”。 - ScottS