<p class="zw">当我们观察3D转换的元素时,默认视角是在元素的水平和垂直的正中心。我们可以用像素px、em或者百分比中的任意单位值来改变<code>perspective-origin</code>的位置。如果使用百分比来定义,当设置为<code>0 50%</code>时,视角将在左边偏下的位置;而设置为<code>50% 0</code>的话,视角将在水平中心,并且非常靠上。</p> <pre class="代码无行号"><code>@media (min-width: 48rem) { .hb-3d { perspective-origin : 50% 50%; } }</code></pre> <p class="zw">看一下不同的原点位置是如何改变我们在这些元素上的视角的。</p> <p class="图"><img alt="1820.tif" src="http://csdn-ebook-resources.oss-cn-beijing.aliyuncs.com/images/c4eeb42b07f54b42a9fd1568b8ec4b98/238.jpg"></p> <p class="图"><img alt="1821.tif" src="http://csdn-ebook-resources.oss-cn-beijing.aliyuncs.com/images/c4eeb42b07f54b42a9fd1568b8ec4b98/239.jpg"></p>