Html 如何防止CSS动画@关键帧中的内部文本大小调整？

我想使用

@关键帧变换背景。但是文本也是缩放的，我想不做任何更改

我已经试过了，但问题似乎出在
@关键帧上。
也许仅仅使用html/css是不可能的，我应该使用JS/jquery？
或者我犯了一些我不知道的错误


#bg{
z指数：1；
背景：灰色；
位置：相对位置；
宽度：1000px；
高度：400px；
动画：BG2S轻松无限；
}
@关键帧bg{
从{
转化：无；
}
到{
转换：比例（1.107,1.007）；
}
}
保险商实验室{
颜色：白色；
列表样式类型：无；
位置：绝对位置；
}


项目
项目
项目

你是说这样的话吗？如果是这样的话，你就完全正确了，你只需要设置图像的位置：绝对，这样图像就可以作为背景，并且：
z-index:-1，这样图像就不会覆盖和隐藏内容。此外，在这种情况下，您不需要
背景大小
仅用于
背景图像
属性


.image{
z指数：-1；
位置：绝对位置；
宽度：100%；
身高：100%；
动画：img 2s轻松输入输出无限；
动画方向：交替；
}
@关键帧img{
来自{transform:none}
到{变换：比例（1.007,1.007）；}
}
保险商实验室{
颜色：白色；
列表样式类型：无；
位置：绝对位置；
}


项目
项目
项目

你是说这样的话吗？如果是这样的话，你就完全正确了，你只需要设置图像的位置：绝对，这样图像就可以作为背景，并且：
z-index:-1，这样图像就不会覆盖和隐藏内容。此外，在这种情况下，您不需要
背景大小
仅用于
背景图像
属性


.image{
z指数：-1；
位置：绝对位置；
宽度：100%；
身高：100%；
动画：img 2s轻松输入输出无限；
动画方向：交替；
}
@关键帧img{
来自{transform:none}
到{变换：比例（1.007,1.007）；}
}
保险商实验室{
颜色：白色；
列表样式类型：无；
位置：绝对位置；
}


项目
项目
项目

当你说
变换后的背景时
你的意思是，你实际上希望背景超出屏幕，还是希望背景保持在相同的位置，但会进行缩放（如果背景是图像）？它应该做些什么-变换：缩放（这将是一个图像，我想在其上添加导航栏，我不想对其进行任何转换）。因此，如果图像是
img
，则将其设置为
位置：绝对
，并在其上执行
变换
。如果图像是
背景图像
，则可以使用
背景大小
对其进行变换。您可以为此创建一个or吗？通过这种方式，我可以向您演示如何执行此操作。这是代码笔-问题是-动画应该是恒定的，而不是悬停效果等。它应该看起来像呼吸。使用“@keyframes”，我无法设置ul li元素的样式（样式设置没有出现。因此，我不知道关键帧有什么问题，但我不知道如何解决。谢谢大家的帮助：）当你说
变换后的背景时
你的意思是你真的希望背景从屏幕上消失，还是希望背景保持在相同的位置，但可以进行缩放（如果你的背景是图像）？它应该做一些事情-变换：缩放（这将是一个图像，我想在其上添加导航栏，我不想对其进行任何转换）。因此，如果图像是
img
，则将其设置为
位置：绝对
，并在其上执行
变换
。如果图像是
背景图像
，则可以使用
背景大小
对其进行变换。您可以为此创建一个or吗？通过这种方式，我可以向您演示如何执行此操作。这是代码笔-问题是-动画应该是恒定的，而不是悬停效果等。它应该看起来像呼吸。使用“@keyframes”，我无法设计ul li元素的样式（样式没有出现。所以，我不知道关键帧有什么问题，但我不知道如何解决。谢谢大家的帮助：）是的！就是这样！非常感谢@Mosh Feu，你就是那个人！：）是的！就是这样！非常感谢@Mosh Feu，你就是那个人！：）