Я зациклился на определении куба css3 полностью с процентами.
Вот короткий пример в Codepen
http://codepen.io/anon/pen/detAB
Как вы можете видеть, грани куба имеют 100% ширину и высоту своего родительского элемента, который отлично работает. Теперь я пытаюсь перевести нижнюю грань на 50% вниз и на 50% назад.
с значениями пикселей это не проблема
transform: rotateX(-90deg) translateZ(50px) translateY(50px);
но с процентом ничего не происходит
transform: rotateX(-90deg) translateZ(50%) translateY(50%);
Есть ли другой способ? или я чего-то не хватает?