Transform у дочерних элементов?

Question

[Михаил]

Добрый день!
Столкнулся с такой проблемой.
Есть родительский элемент (плоскость), в котором находится несколько дочерних элементов.
Я применяю к дочерним элементам transform: translate3D, чтобы их подвинуть от плоскости в направлении Z.
Но если я теперь применю transform к родительскому элементу (плоскости), например для поворота (чтобы вращалась плоскость со всеми дочерними) то на всех дочерних перестаёт действовать transform. И они все оказываются опять в одной плоскости.
Как-то можно эту проблему решить ?
Или transform невозможно применить к элементам, у которых родителю уже применён transform?

Comments

[Шохрух Шаймардонов]

Теория хорошая, но на пустых словах не понять. Скиньте хотя бы скрины что там у вас должно быть, код где???

[Михаил]

Шохрух Шаймардонов,

вот код
https://codepen.io/mk3mk/pen/pooLgNg?editors=1100

там для плоскости (#ploskost) задан
/* transform: rotate(5deg); */
когда это свойство закомментировано, то три дива смещены с помощью transform ,
а если раскомментировать, то эти дивы встают в плоскость , т.е. у них перестает работать transform: translate3d

Answer 1

[Сергей delphinpro]

Вы не установили для этого элемента transform-style.
Оно установлено на body, но свойство это не наследуется, и его нужно определять на каждом нужном элементе
https://developer.mozilla.org/en-US/docs/Web/CSS/t...

Comments

[Михаил]

спасибо!