Почему не работает z-axis у transform-origin?
Если я не ошибаюсь, то точка, которую мы находим с помощью двух осей - x, y просто должна выдвигаться вперед на указанное расстояние в параметре z. Почему этого не происходит?
.block {
margin: 50px;
display: inline-block;
width: 200px;
height: 200px;
background: pink;
transform-origin: 0px 200px 40px;
outline: 1px solid black;
}
.block:hover {
transform: rotate(45deg);
}<div class="block">Hello!</div>