2013-09-29 2 views
0

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

http://imgur.com/elyJ5tu

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

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

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

+0

ли кубы отдельные элементы? На что рассчитана ваша «перспектива»? Вы подумали об использовании ['перспектива-начало'] (https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Using_CSS_transforms?redirectlocale=en-US&redirectslug=CSS%2FTutorials%2FUsing_CSS_transforms) вместо этого вращений? Как вы выполняете повороты? Пожалуйста, поделитесь своим кодом, если вы хотите получить более значимую помощь. – jozzas

+0

Добавил мой код. благодаря – Avovk

ответ

Смежные вопросы