В нашем приложении мы используем временное преобразование css как переход на страницу.
С последней версией google chrome (37) это перестало работать. Трансформация уже не имеет перспективы.
С помощью инструментов разработчика я смог восстановить правильное поведение, изменив определение перспективы на родительский элемент из
perspective: 2000px;
к
transform: perspective(2000px);
Мой вопрос: что-то не так с нашей существующей декларацией (с использованием свойства perspectice), или это ошибка в google chrome?
Я попытался воссоздать проблему ниже, но в приведенном примере я вижу обратный эффект, что теперь перспектива работает и преобразуется: перспектива не.
Любые мысли?
.perspective-Parent {
/*-moz-transform: perspective(2000px);
-ms-transform: perspective(2000px);
-o-transform: perspective(2000px);
-webkit-transform: perspective(2000px);
transform: perspective(2000px);*/
-moz-perspective: 2000px;
-ms-perspective: 2000px;
-webkit-perspective: 2000px;
perspective: 2000px;
-moz-perspective-origin: 50% 50%;
-ms-perspective-origin: 50% 50%;
-webkit-perspective-origin: 50% 50%;
perspective-origin: 50% 50%;
}
.page {
background-color: red;
-moz-transform-origin: right center;
-ms-transform-origin: right center;
-o-transform-origin: right center;
-webkit-transform-origin: right center;
transform-origin: right center;
-ms-transform: rotateY(75deg);
-moz-transform: rotateY(75deg);
-o-transform: rotateY(75deg);
-webkit-transform: rotateY(75deg);
transform: rotateY(75deg);
width: 200px;
height: 100px;
}
<p>
<div class="perspective-Parent">
<div class="page">
</div>
</div>