mk3mk
@mk3mk
занимаюсь вёрсткой (иногда)

Как развернуть дочерний элемент?

всем привет!
есть такая задача, никак не могу решить..
Есть плоскость FRONT (вертикальная), есть плоскость BOTTOM (горизонтальная).
Плоскость BOTTOM повёрнута под 90 градусов к плоскости FRONT.
На плоскости BOTTOM есть дочерний элемент, который надо развернуть под 90 градусов к плоскости BOTTOM.
Применение transform: rotateX(90deg) к дочернему элементу дает его схлопывание в ноль.
Если я ставлю например rotateX(50deg) , то он как бы съёживается, но не поворачивается, как надо.
Вот рисунок

5dc1e6c677209714036642.png

Вот код
https://codepen.io/mk3mk/pen/eYYMWXb

Какие есть варианты ?
  • Вопрос задан
  • 43 просмотра
Пригласить эксперта
Ответы на вопрос 1
mk3mk
@mk3mk Автор вопроса
занимаюсь вёрсткой (иногда)
Всё , я кажется нашел ответ
родителю надо присвоить
transform-style: preserve-3d;
спасибо!
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы