Как работает rotate3d по оси х?

Question

[minaev007]

Вот пример который нужно разъяснить - https://jsfiddle.net/Lwtnty4b/1/
это куб. Ненужные грани были убраны для простоты. Не могу понять почему при указании разных знаков (-90deg и 90deg) элементы трансформируются в одну сторону. По идее один должен при наведении двигаться ко мне, а второй в глубь экрана. Но они оба двигаются вглубь.

Answer 1

[Aleksey Solovyev]

.gran6 - transform-origin: 0 100%;
.gran4 - transform-origin: 100% 0;

Это чтоль? Поиграйте со значениями для наглядности