为什么用matrix3d改变元素的左边不会触发重绘

Question

描述起来有点困难，所以我把它分成几个步骤：

1. 我在chrome DevTool 上打开Show paint rectangles选项。
2. 我打开一个网页找到一个元素，然后更改元素的left或top属性。
3. 我可以看到元素移动，元素上出现绿色矩形。
4. 我找到另一个带有CSS属性“transform”和value的元素。

  

matrix3d（1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1）;

1. 我将此元素的左侧和顶部更改。
2. 我仍然可以看到元素移动，但此元素上没有绿色矩形。也许这意味着元素的移动不会触发重新绘制页面。

更重要的是，当我改变元素的“不透明度”时，同样的事情也会发生。

那么为什么matrix3d会阻止重绘？

我观看了这段视频：Why Moving Elements With Translate() Is Better Than Pos:abs Top/left，看来“左”和“上”的改变不是由GPU处理的。所以我很困惑。