Баг с rotateY() в CSS3?

Question

[kandyor]

Здравствуйте. Просто от нечего делать решил проексперементировать с трансформациями и столкнулся то-ли с багом, то-ли с незнанием почему так происходит. Суть собственно в том, что при указании perspective два соседних абсолютно одинаковых блока поворачиваются по-разному. Правильно работает только второй. Подскажите от чего может быть такой косяк?

Comments

[Евгений Петров]

На jsfiddle или codepen выложите пример.

[kandyor]

да, вот : codepen.io/anon/pen/kyvAG

[kandyor]

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

Или я ошибаюсь?

[cha-cha]

@kandyor все верно.

Answer 1

[Евгений Петров]

Задумайтесь —а что такое перспектива? Потом прочтите про perspective-origin.

По умолчанию точка схождения горизонтальных линий прямоугольников лежит вполовину правее блока с perspective и посередине его высоты. именно так себя и ведут прямоугольники — их горизонтальные линии сходятся в этой точке. Никаких нарушений нет.

jsfiddle.net/petroveg/34geeq20