Трансформация 3D CSS: решение проблемы неровных краев в Firefox

Параллельно с проблемой неровных краев при трансформациях Chrome CSS возникает аналогичная проблема с Firefox во время 3D-преобразований. Иллюстрацию можно найти на этом JSFiddle (для Firefox): http://jsfiddle.net/78dK/5/.

В отличие от Chrome, видимость обратной стороны не обеспечивает решения в Firefox.

Решение:

Решение 1 (атрибут Outline):

Для более универсального решения рассмотрите возможность добавления прозрачного атрибута Outline:

outline: 1px solid transparent;

Этот подход был проверен в Firefox 10.0.2 Windows 7: http://jsfiddle.net/nKhr8/.

Решение 2 (атрибут границы):

В качестве альтернативы вы можете добавить атрибут границы с цветом, соответствующим фону:

border: 1px solid white;

Эта опция эффективна, если известен цвет фона (например, в данном случае белый): http://jsfiddle.net/LPEfC/.