Why does transform in css change adjacent elements?

Question

css

Problem:
Why, when applying some transformations, such as scale, neighboring elements, especially the font, change for a split second and return to their original state? The font for example becomes thinner, and then is restored. It happens that some shades of the background change and also return to their original state. Given that the element being animated is completely isolated from these external elements, it is absolutely positioned, and is not a child. Chrome helps:

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

but, at the same time, in Safari, when the slider is animated through transform: translateX, the text inside the element, as well as around, changes again. It becomes thinner, then returns to its original state. The font is connected own.
Question:
How to deal with this problem?
Thanks in advance.