3D CSS преобразование, зубчатые края в Firefox

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

в этот раз backface-visibility не помогает :(

есть идеи?

2 62
css firefox antialiasing css-transforms

2 ответа:

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

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

outline: 1px solid transparent;

протестировано на Firefox 10.0.2 Windows 7:http://jsfiddle.net/nKhr8/

enter image description here

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

"решение", добавьте границы атрибут с тем же цветом фона (Белый этот случай):

border: 1px solid white;

протестировано на Firefox 10.0.2 Windows 7:http://jsfiddle.net/LPEfC/

enter image description here

144

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

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

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

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

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

enter image description here

3