Html CSS转换在Firefox上有效，但在Chrome上无效

我正在尝试CSS中的一个东西，其中文本的背景是一个图像，当我们将鼠标悬停在文本上时，它会缩放到一个非常大的数字，以使用作字体颜色的图像完全显示出来。它在Mozilla Firefox上运行得很好，但在Chrome上CSS的转换属性似乎被破坏了，而在Chrome上悬停时文本就消失了

/*字体*/
@导入url（'https://fonts.googleapis.com/css2?family=Rubik:wght@900&display=swap'）；
/*重置*/
* {
保证金：0；
填充：0；
框大小：边框框；
字体系列：“Rubik”，无衬线；
}
身体，
html{
最小高度：100vh；
宽度：100vw；
溢出x：隐藏；
背景：#999；
}
/*造型*/
.集装箱{
背景：url（“https://picsum.photos/900/800");
背景重复：无重复；
背景尺寸：封面；
颜色：透明；
-webkit背景剪辑：文本；
背景剪辑：文本；
高度：100vh；
显示器：flex；
证明内容：中心；
对齐项目：居中；
溢出：隐藏；
}
.container.image文本{
字号：5em；
字体大小：正常；
文本对齐：居中；
过渡：线性变换；
}
.container.image文本：悬停{
变换：尺度（200）；
}

悬停

看起来Chrome无法正确渲染。确实如此，当您使用

缩放
时，您会丢失转换，然后


@导入url（'https://fonts.googleapis.com/css2?family=Rubik:wght@900&display=swap'）；
.集装箱{
字体系列：“Rubik”，无衬线；
背景：url（“https://picsum.photos/900/800");
背景重复：无重复；
背景尺寸：封面；
颜色：透明；
-webkit背景剪辑：文本；
背景剪辑：文本；
高度：100vh；
显示器：flex；
证明内容：中心；
对齐项目：居中；
溢出：隐藏；
}
.container.image文本{
字号：5em；
字体大小：正常；
文本对齐：居中；
过渡：线性变换；
}
.container.image文本：悬停{
-moz变换：标度（200）；
缩放：200；
}

悬停
问题在于，任何类型的转换都会创建新的堆叠上下文，因此剪辑文本无效。[这是CSS属性scale为您所做的事情之一-使其不再是一种转换-但Chrome/Edge不支持它]

如果我们取消缩放变换，而是增加字体大小和过渡，您将获得我认为您想要的效果：


/*字体*/
@导入url（'https://fonts.googleapis.com/css2?family=Rubik:wght@900&display=swap'）；
/*重置*/
* {
保证金：0；
填充：0；
框大小：边框框；
字体系列：“Rubik”，无衬线；
}
身体，
html{
最小高度：100vh；
宽度：100vw；
溢出x：隐藏；
背景：#999；
}
/*造型*/
.集装箱{
背景：url（“https://picsum.photos/900/800");
背景重复：无重复；
背景尺寸：封面；
颜色：透明；
-webkit背景剪辑：文本；
背景剪辑：文本；
高度：100vh；
显示器：flex；
证明内容：中心；
对齐项目：居中；
溢出：隐藏；
}
.container.image文本{
字号：5em；
字体大小：正常；
文本对齐：居中；
过渡：字体大小2s线性；
}
.container.image文本：悬停{
字号：200em；
}

悬停
Scale不受支持：Chrome是否有任何解决方法？请尝试以下帖子：@PeterS虽然Chrome确实不支持Scale，但我相信transform:Scale（..）是，这似乎就是此处使用的内容（或编辑后使用的内容？）PeterS查看的属性错误。它显示了对
变换：缩放（x，y）
的支持，另请参阅，谢谢！这似乎在任何地方都能很好地工作，但我考虑过缩放，因为我可能会遇到这样的情况，
容器是一个包含图像和文本的复杂卡片，我会在它的正中央插入一个文本。因此，当我们将鼠标悬停在卡片上时，卡片及其所有内容都会以中心文本为缩放点进行缩放。可以理解，仅更改字体大小是一种非常特殊且有限的情况。如果Chrome etc实现单独的缩放属性，这将是一件好事。是的。我注意到字体大小的另一个问题，在一个点之后，它停止增长。我将字体大小增加到一百万em（没有一个理智的人会这么做），但仍然保留了图像的一部分。
zoom
属性在CSS中不可设置动画吗？我提到了里面有
zoom
。@deekeh-Hmmm，很有趣。我认为它是非标准的，而且铬的行为。我没有访问Microsoft浏览器的权限，我认为zoom就是从那里来的但它不起作用。好像坏了。