Почему при изменении transform scale моргает цвет другого текста, который к нему даже не относится?

При изменении свойства transform scale элемента на странице браузер может производить перерисовку соседних элементов. Это связано с тем, что изменение размера элемента влияет на его расположение относительно других элементов на странице, и браузеру необходимо пересчитать координаты и размеры соседних элементов для правильного отображения страницы.

Один из способов минимизировать подобные эффекты — использовать CSS свойство will-change для элементов, которые будут изменяться с использованием transform scale. Например, можно задать will-change: transform; для элемента, который будет масштабироваться, чтобы браузер знал заранее, что этот элемент будет изменен и мог оптимизировать его отрисовку.

Также стоит учитывать, что при использовании transform scale браузер может применять сглаживание для сглаживания пикселей и сглаживания контента, что также может повлиять на отображение соседних элементов.

Если моргание цвета другого текста происходит даже при использовании will-change и оптимизации отрисовки, можно попробовать различные подходы к стилизации элементов на странице, например, изменить типы сглаживания (smooth, subpixel-antialiased, none), проверить наличие других стилей, которые могут влиять на соседние элементы, и убедиться, что используемые шрифты и цвета совместимы с эффектами масштабирования.