CSS - поворот процентной базы куба

Question

Я пытаюсь сделать 3D анимацию вращения куба. У меня есть некоторые трудности, чтобы заставить это работать, потому что я хочу использовать процентное значение для передней / задней грани.

Я не могу контролировать позицию перевода с процентным значением в моем случае. Есть ли обходной путь, чтобы он работал с процентным значением?

Вот скрипка: http://fiddle.jshell.net/5h8oLyp1/

Answer 1

Итак, после поиска много времени я нашел решение (возможно, единственное...). Я добавил несколько оберток, чтобы все заработало, и применил различный перевод, чтобы сохранить естественное вращение в 3d.

Вот скрипка: http://fiddle.jshell.net/5h8oLyp1/3/

Там просто проблема с IE, я очень близок, чтобы найти ее, но в настоящее время я не понимаю, почему задняя сторона скрыта...