Как мне создавать 3D-объекты в CSS

#html #css #3d #transform #transition

#HTML #css #3D #преобразовать #переход

Вопрос:

Я пытался создать прямоугольную призму, как указано здесь:

(пример)http://desandro.github.io/3dtransforms/examples/box-02-show-sides.html

Там также есть страница руководства. но это мои результаты,

http://codepen.io/anon/pen/qFdiu

Я не знаю, что здесь не так .. иногда, когда я проверяю предварительный просмотр в Chrome, он будет анимироваться, но не в нужном месте, призма не будет находиться в своем контейнере, и она не будет преобразовываться в правильном источнике, то есть, как при переворачивании блока на полу, он переместится, вместо того, чтобы быть на своем первоначальном месте, но с другой стороны. Я даже пытался скопировать все из руководства, но не могу найти ошибку. Я довольно новичок в веб-дизайне. Был бы признателен за любую помощь 🙂