CSS-свойство "will-change" меняет цвет шрифта (отображение субпиксельного шрифта)
Я использую Bootstrap 4. Но при открытии выпадающего компонента цвет шрифта немного меняется.
После поиска некоторых определений цвета, которые могут быть проблемой (нет), я обнаружил что-то странное: когда я отключаю transform и will-change свойство выпадающего элемента, так или иначе влияет цвет шрифта. Смотрите видео здесь: https://www.dropbox.com/s/xkhl4m6enwvdzcd/Video%20color%20bug.mov?dl=0
Это наиболее заметно в Google Chrome и на кинотеатре (видео).
Также кажется, что отрисовывается субпиксельный шрифт: смотрите скриншот здесь. Самое интересное: цвет шрифта отображается более точно, когда он выключен.
В Safari также возникает проблема рендеринга шрифтов...
Есть идеи, что здесь происходит?
(Я могу опубликовать Code Pen или увидеть его идентификатор на видео.)
1 ответ
Как упоминали Ilya Streltsyn и giovannipds в комментариях здесь и здесь, это нормальный побочный эффект альфа-композитинга (субпиксельного рендеринга), который браузер делает как часть аппаратно-ускоренного рендеринга (GPU), вызванного will-change а также transform,