3D CSS трансформация, неровные края в Firefox

Question

Аналогично преобразованию css, неровные края в хроме", то же самое происходит с Firefox при преобразованиях 3D, например: http://jsfiddle.net/78d8K/5/ (<- помните: <strong>Firefox )

На этот раз backface-visibility не поможет: (

Есть идеи?

Answer 1

Отредактированный ответ: (после комментариев)

«Обходной путь», добавьте прозрачный контур атрибут:

outline: 1px solid transparent;

Проверено на Firefox 10.0.2 для Windows 7: http://jsfiddle.net/nKhr8/

Оригинальный ответ: (зависит от цвета фона)

«Обходной путь», добавьте атрибут border с тем же цветом фона (в данном случае белым):

border: 1px solid white;

Протестировано на Firefox 10.0.2 Windows7: http://jsfiddle.net/LPEfC/

Answer 2

Если вы хотите предотвратить сглаживание границы

ниже работал лучше для меня

border: 1px solid rgba(0, 0, 0, 0.1); 

если граница должна быть четко видна, это может быть не идеальное решение, в котором лучше придерживаться ответа @ Хуана.

Ниже приведен снимок экрана с поворотом куба

Answer 3

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

box-shadow: 0 0 0 1px transparent;