Почему не работает rotateX()?

Question

[tef]

Осваиваю трансформации. Сделал куб. Почему я нему могу повернуть блок на 90 градусов, который находиться на одной из граней куба?

codepen.io/anon/pen/XmovPV

Там есть блок .tree, которым я предполагал изобразить дерево. Но трансформирутся он как-то странно или совсем исчезает.

Answer 1

[Ксения]

Вам нужно посмотреть свойство transform-origin, которое позволяет сместить ось вращения блока. По умолчанию она у него в центре. Сейчас вы вращаете блоки за счёт того, что изначально их сместили по осям, а сместив ось вращения на соответствующее ребро вам не нужно будет translate. Думаю это так же решит вашу проблему.