Html 为什么要用matrix3d-won'；t触发器重新喷漆_Html_Css_Google Chrome Devtools_Css Transforms

Html 为什么要用matrix3d-won'；t触发器重新喷漆

html css google-chrome-devtools

Html 为什么要用matrix3d-won'；t触发器重新喷漆,html,css,google-chrome-devtools,css-transforms,Html,Css,Google Chrome Devtools,Css Transforms,这有点难以描述，因此我将其分为几个步骤：我打开chromeDevTool上的显示绘制矩形选项我打开一个网页，找到一个元素，并更改该元素的left或top属性我可以看到元素移动，元素上出现一个绿色矩形我发现另一个元素具有CSS属性“transform”和值矩阵3d（1,0,0,0,0,1,0,0,0,0,0,1,0,0,0,0,0,0,1）我改变了这个元素的左上角我仍然可以看到元素移动，但是这个元素上没有绿色的矩形。这可能意味着元素的移动没有触发页面的重新绘制而且，当我改变元素的“

这有点难以描述，因此我将其分为几个步骤：

我打开chromeDevTool上的

显示绘制矩形

选项

我打开一个网页，找到一个元素，并更改该元素的left或top属性

我可以看到元素移动，元素上出现一个绿色矩形

我发现另一个元素具有CSS属性“transform”和值

矩阵3d（1,0,0,0,0,1,0,0,0,0,0,1,0,0,0,0,0,0,1）

我改变了这个元素的左上角

我仍然可以看到元素移动，但是这个元素上没有绿色的矩形。这可能意味着元素的移动没有触发页面的重新绘制

而且，当我改变元素的“不透明度”时，同样的事情也会发生

那么为什么

matrix3d

会阻止重绘呢

我看了这段视频：，似乎“左”和“顶”的更改不是由GPU处理的。所以我很困惑。

它们是由GPU处理的，看看或看看它们是由GPU处理的，看看或看看