Html 过渡不是双向的

我遇到的问题是，当我设置

.banner-division2 h2:hover {
    -webkit-transition: 0.6 ease;
    transition: 1s ease;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    color: #00C8BD;
}

它只会在悬停的第一部分进行转换。换句话说，一旦鼠标离开“悬停”区域，它将自动返回到它的原始形式-然而，我希望它能够轻松地转换回它的原始形式（它没有这样做）

---

非常感谢。

您已经为

：hover

状态定义了

转换。当不在
：悬停时，未定义任何
转换
——ofc不会发生任何转换。所以把你的规则分开：

.banner-division2 h2 {
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.banner-division2 h2:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    color: #00C8BD;
}

这样，转换的目标是您的
h2
，而不仅仅是您的
h2:hover
，您需要将
转换
属性放在想要效果的元素上，而不是放在
：hover
上

像这样

h2{
颜色：蓝色；
过渡：1s轻松；
}
h2：悬停{
颜色：红色；
}

如果这不起作用，请尝试在
transition
属性上添加值
all
，
这都包含在我的答案中，在您的答案之前4分钟给出。那么，添加您的答案会增加什么价值呢？对不起，我正在尝试搜索答案，但没有注意到您已经回答了，如果您觉得不合适，我可以删除。我不觉得不舒服。由你自己决定。记得标记你的答案。