Html 使用引导展开悬停时的div

我有点问题

现在，我有一个这样的结构（整页运行）

.color{
背景：红色；
}
.绿色{
背景：绿色；
}
.垂直对齐{
显示器：flex；
弯曲方向：行；
对齐项目：居中；
证明内容：中心；
}

乳头
Lorem ipsum dolor sit amet，奉献精英。在动物方面，通常情况下，动物需要选择适当的自然劳动，因为它们是真正的临时动物

乳头
Lorem ipsum dolor sit amet，奉献精英。在动物方面，通常情况下，动物需要选择适当的自然劳动，因为它们是真正的临时动物

乳头
Lorem ipsum dolor sit amet，奉献精英。在动物方面，通常情况下，动物需要选择适当的自然劳动，因为它们是真正的临时动物

在

上：悬停

，可以使用

变换：缩放（）

使元素变大，更改

背景

，并添加

位置：相对；z指数：1

将该元素保持在其同级之上。如果需要，可以使用

transition

创建平滑的过渡

.color{
背景：红色；
}
.绿色{
背景：绿色；
}
.垂直对齐{
显示器：flex；
弯曲方向：行；
对齐项目：居中；
证明内容：中心；
}
.color green>.row>.text center{
过渡：变换.25s，背景.25s；
}
.color green>.row>。文本中心：悬停{
转换：比例（1.2）；
背景：#8dc63f；
位置：相对位置；
z指数：1；
}

乳头
Lorem ipsum dolor sit amet，奉献精英。在动物方面，通常情况下，动物需要选择适当的自然劳动，因为它们是真正的临时动物

乳头
Lorem ipsum dolor sit amet，奉献精英。在动物方面，通常情况下，动物需要选择适当的自然劳动，因为它们是真正的临时动物

乳头
Lorem ipsum dolor sit amet，奉献精英。在动物方面，通常情况下，动物需要选择适当的自然劳动，因为它们是真正的临时动物

在

上：悬停

，可以使用

变换：缩放（）

使元素变大，更改

背景

，并添加

位置：相对；z指数：1

将该元素保持在其同级之上。如果需要，可以使用

transition

创建平滑的过渡

.color{
背景：红色；
}
.绿色{
背景：绿色；
}
.垂直对齐{
显示器：flex；
弯曲方向：行；
对齐项目：居中；
证明内容：中心；
}
.color green>.row>.text center{
过渡：变换.25s，背景.25s；
}
.color green>.row>。文本中心：悬停{
转换：比例（1.2）；
背景：#8dc63f；
位置：相对位置；
z指数：1；
}

乳头
Lorem ipsum dolor sit amet，奉献精英。在动物方面，通常情况下，动物需要选择适当的自然劳动，因为它们是真正的临时动物

乳头
Lorem ipsum dolor sit amet，奉献精英。在动物方面，通常情况下，动物需要选择适当的自然劳动，因为它们是真正的临时动物

乳头
Lorem ipsum dolor sit amet，奉献精英。在动物方面，通常情况下，动物需要选择适当的自然劳动，因为它们是真正的临时动物

如果我只想扩展背景而不是文本，我该如何做？@simonnt谢谢，但这不是我搜索的效果。你知道如何在没有缩放、孤立文本和背景的情况下获得同样的效果吗moove@simonmnt这将缩放背景而不是文本。你在

上更改
背景大小
：悬停

好的，我只是在

上按
背景大小
更改
比例
：悬停

？如果我只想展开背景而不展开文本，我该怎么做？@simonnt谢谢，但这不是我搜索的效果。你知道如何在没有缩放、孤立文本和背景的情况下获得同样的效果吗moove@simonmnt这将缩放背景而不是文本。您更改

上的
背景大小
：悬停

好的，我只是通过

上的
背景大小
更改
比例
：悬停

？