Настройка -webkit-perspective размывает экран ipad3

Установка свойства CSS перспективы webkit на iPad3 приводит к тому, что дочерние элементы отображаются очень размыто, например изображения, отображаемые для дисплеев без сетчатки. Чтобы было ясно, я не говорю о размытости изображений, дочерние элементы DOM визуализируются размыто.

Что можно сделать по этому поводу?

Простое удаление свойства не вариант, так как я использую анимацию, требующую движения по оси Z.

Свойство устанавливается следующим образом в CSS:

-webkit-perpective: 500;

Спасибо за любую помощь в этом!


ipad css mobile-safari webkit mobile-webkit
person Daniel Kurka    schedule 31.05.2012    source источник

Ответы (1)


arrow_upward
3
arrow_downward

Не уверен, что это поможет, но в этой статье бога интерфейса Дэвида ДеСандро есть упоминание о подобных вещах в разделе «ВОЗВРАЩЕНИЕ К ПРОИСХОЖДЕНИЮ ОСИ Z»:

http://24ways.org/2010/intro-to-css-3d-transforms

Чтобы трехмерные преобразования выполнялись быстро, Safari компонует элемент, а затем применяет преобразование. Следовательно, сглаживание текста останется таким, каким оно было до применения преобразования. При прямом преобразовании в трехмерном пространстве может возникнуть значительная пикселизация...

... Чтобы устранить искажение и восстановить совершенство пикселей в нашем #кубе, мы можем отодвинуть трехмерный объект назад, чтобы передняя грань была расположена обратно в начало координат по оси Z.

#cube { -webkit-transform: translateZ(-100px); }

person AlexKempton    schedule 05.06.2012
comment
похоже, это может иметь какое-то отношение к проблеме. - person Daniel Kurka; 06.06.2012