У меня есть родитель, которому я задаю perspective
и rotateY(60deg)
. НО "родитель" не выглядит так, как если бы он находился в 3д пространстве. В чем может быть проблема?
.parent {
width: 300px;
height: 300px;
background: yellowgreen;
transform-style: preserve-3d;
transform: rotateY(60deg) perspective(200px);
}
.child {
width: 100px;
height: 100px;
background: yellow;
transform: rotateX(45deg);
}
<div class="parent">
<div class="child"></div>
</div>
шайа лабаф на зеленом фоне
... Вот он тоже стоит в перспективе в 3д пространстве... но совсем не выглядит как если бы он находился в 3д пространстве... скорее как на плоскости. Как вы думаете, в чем может быть проблема?