Баг с rotateY() в CSS3?

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

ba145543e32c485ab77735d94bdb77f1.jpg
  • Вопрос задан
  • 2370 просмотров
Решения вопроса 1
Petroveg
@Petroveg
Миром правят маленькие с#@&ки
Задумайтесь —а что такое перспектива? Потом прочтите про perspective-origin.

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

jsfiddle.net/petroveg/34geeq20
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы