css трехмерное преобразование куба перспектива

Я пытаюсь создать сетку кубов, перспектива которых выглядит так, будто вы смотрите на них сверху. Вот пример

http://imgur.com/elyJ5tu

Этот делается путем вычисления того, насколько далеко куб находится от середины, и изменения размера границы. Я хочу сделать свою собственную текстуру на сторонах куба, поэтому я использовал вращение CSS3, чтобы создать шесть сторон куба и расположить их правильно, чтобы сформировать куб. Теперь я попытался воссоздать эффект, наклонив кубы по осям x и y в зависимости от того, насколько они удалены от центра, и я получил это:

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

Как видите, похоже, что они находятся на какой-то сферической поверхности. Это потому, что передняя и задняя стороны куба не должны вращаться. Кто-нибудь знает правильный способ сделать это. Спасибо