CSS 3D-преобразования работают в случайном порядке в Chrome 16

Question

У меня действительно странная проблема, когда CSS 3D-преобразования иногда работают, а иногда нет. До обновления до последней версии Chrome он всегда работал, но с версией 16 он работает только случайным образом.

Более конкретно, кажется, что -webkit -спектива не принимает, что делает все плоским (хотя элементы все еще преобразуются). Изменение перспективы в «Firebug» в Chrome после загрузки страницы также ни на что не влияет.

Страница, о которой идет речь, находится здесь: http://exscale.se/__files/uploads/jquery-3d-circle.htm. Я знаю, что кода довольно много, но все, что связано с трехмерными преобразованиями, находится в этом файле CSS: http://code.google.com/p/sleekphp/source/browse/trunk/Sites/SleekBase/Modules/Base/CSS/jQuery.threeDCircle.scss

Мой вопрос: у вас есть такая же проблема с моей страницей, или вы когда-нибудь испытывали это самостоятельно? И если да, можете ли вы вспомнить что-нибудь, что вызывает это?

Следует отметить, что я использую Ubuntu 10.10 и Chrome 16.0.912.63.

Answer 1

Chromium помещает ваш графический процессор в черный список и отказывается делать какие-либо 3d CSS.

решение довольно простое: включите опцию «переопределить список программного рендеринга» в «chrome: // flags».* см https://github.com/bartaz/impress.js/issues/40

Answer 2

Вот кое-что, что я обнаружил, это может быть проблемой Когда вы используете код

-webkit-perspective: 600px;

Вы должны иметь это в родительском элементе элемента, на который вы хотите повлиять. Если он находится в фактическом элементе, его необходимо объединить с преобразованием, например,

-webkit-transform: perspective(600px) rotateY(45deg);

Answer 3

Перейдите на веб-интерфейс Chromium SCM и убедитесь, что ваш графический процессор не внесен в черный список.

Также перейдите в chrome: // gpu / и убедитесь, что Chrome сообщает о 3D CSS каквключен.