CSS Transform (вращение) вызывает мерцание текста в Safari 8 (yosemite)

Это была проблема с Safari 7, и она была исправлена ​​с помощью следующего кода

-webkit-backface-visibility: hidden;
-moz-backface-visibility:    hidden;
-ms-backface-visibility:     hidden;

Теперь это не исправлено в Safari 8. Это вызывает мерцание текста

ссылка http://jsfiddle.net/6x9u11c9/1/

1 ответ

Я до сих пор не нашел идеального решения этой проблемы. У меня такая же проблема на Firefox (Yosemite).

Добавление:

-webkit-transform-style:preserve-3d;
-webkit-filter: opacity(1);

к телу "починил" его немного. Шрифт больше не мерцает, но становится менее "жирным".

РЕДАКТИРОВАТЬ: добавление их в тело решило проблему в Safari для меня. Это все еще происходит в Firefox, поскольку это не браузер webkit.

-webkit-filter: opacity(.9999); -webkit-text-stroke: 0.35px;

Другие вопросы по тегам