Ошибка Chrome CSS3 3D Transform

Question

У меня есть css, чтобы сделать флип-карту на элементе в 3d-пространстве. Он отлично работает, за исключением случаев, когда вы просматриваете страницу вверх и вниз по странице, где вы случайно получаете белые элементы, отображаемые на странице в определенных местах в Chrome. Я добавил изображение в качестве примера на вкладке facebook. В хромированных окнах белые «ящики» иногда прикрывают контент. Когда я комментирую 3d-преобразование css, этого не происходит. Вот скрипка (http://jsfiddle.net/derekaug/QSEvs/) css, которая делает 3D-материал. К сожалению, я не могу ссылаться на фактическую вкладку, пока она не является общедоступной.

Answer 1

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

Это применимо только к свойствам преобразования, когда анимация включена. Это означает, что в вашем примере создается 2 класса по одному для каждой анимации со всеми свойствами преобразования, удаляя их в базовых классах. Затем нажмите клик применить соответствующий класс, и как только трансформация закончится, удалите класс. Существует Javascript обратного вызова, которая вызывается на элементах, когда переход через который позволит вам удалить класс:

CSS3 transition events