text.html 954 字节
Newer Older
ToTensor's avatar
ToTensor 已提交
1 2 3 4 5 6 7 8 9
 
<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>