При использовании ngx-bootstrap, если я создаю всплывающую подсказку с большим количеством текста, текст имеет небольшое размытие.
Если я проверяю элемент, преобразование translate 3d является тем, что, кажется, вызывает размытие,Если я отключу это, то текст будет резче ... но тогда позиционирование всплывающей подсказки будет потеряно.
element.style {
will-change: transform;
top: 0px;
left: 0px;
transform: translate3d(119px, -34px, 0px);
}
Есть ли способ повысить резкость текста?
Я попробовал следующее,но это не помогло:
.tooltip {
-webkit-font-smoothing: subpixel-antialiased;
}
Ниже приведены примеры изображений всплывающей подсказки с translate3d (размытые) и без (четкие).
https://stackblitz.com/edit/angular-2cmbj3