当我们观察3D转换的元素时，默认视角是在元素的水平和垂直的正中心。我们可以用像素px、em或者百分比中的任意单位值来改变perspective-origin的位置。如果使用百分比来定义，当设置为0 50%时，视角将在左边偏下的位置；而设置为50% 0的话，视角将在水平中心，并且非常靠上。

@media (min-width: 48rem) {
.hb-3d {
perspective-origin : 50% 50%; }
}

看一下不同的原点位置是如何改变我们在这些元素上的视角的。