CSS属性＆＃34;将改变＆＃34;更改字体颜色（子像素字体渲染）

Question

我正在使用Bootstrap 4.但是当打开下拉组件时，字体颜色会稍微改变。

在寻找可能是问题的一些颜色定义之后（没有）我发现了一些奇怪的东西：当我禁用下拉元素的transform和will-change属性时，不知怎的字体颜色受到影响。观看视频： https://www.dropbox.com/s/xkhl4m6enwvdzcd/Video%20color%20bug.mov?dl=0

在谷歌浏览器和影院显示器（视频）中最引人注目。

此外，亚像素字体渲染似乎也会受到影响： see screenshot here。 有趣的是：字体颜色在关闭时会更准确地呈现。

在Safari中，也会出现字体渲染问题......

知道这里发生了什么吗？

（我可以发布一个Code Pen，或者在视频中看到它的ID。）

Answer 1

正如Ilya Streltsyn和giovannipds在评论here和here中提到的那样，这是alpha合成（子像素渲染）的正常副作用，这就是浏览器作为will-change和transform带来的硬件加速渲染（GPU）的一部分。