как повернуть изображение в двух направлениях с двумя разными углами?

Question

У меня есть исходное изображение, я хочу выполнить поворот в двух направлениях с двумя разными углами (что показано ниже).

Если преобразование css можно просто добавить как rotateZ (90deg) и rotateY (180deg), я получаю то, что хочу.

div{ 
    transform: rotateZ(90deg) rotateY(180deg); 
} 

Есть ли способ достичь этой трансформации?

FromRawToTarget

Answer 1

Я думаю, что вы должны экспериментировать с CSS поворота и перекоса собственности, чтобы получить вращение в двух направлениях. Вы можете проверить в http://css3generator.com с преобразованием.