Html 我怎样才能做一件事；取消悬停“；动画

当有人在我的横幅上悬停时，我想使用transition+transform。下面是一个例子：

#banner:hover {
transition: all 300ms;
transform: scale(1.01, 1.01); }

但是当我在横幅上退出鼠标时，它突然再次转换为缩放（1,1），但没有转换。我尝试过：not（hover），但是当我刷新页面时，横幅会进行转换。Idk如何解决这个问题。所有我想要的是一个过渡，当我悬停在它和过渡时，我把我的鼠标从横幅，任何其他

---

我看到一些疑问，所以我要澄清它们。我只想在悬停横幅和退出移动者悬停时进行转换，转换返回到他的第一个比例。我在#banner和#banner:hover中有此代码：

#banner {
transform: scale(1, 1); }

#banner:hover {
transition: all 300ms;
transform: scale(1.01, 1.01);}

这里的问题是，如果我把过渡：所有300毫秒；在我的#横幅上，当我刷新网站时，它会进行转换

---

已解决：添加过渡：300ms；在#横幅和非#横幅中：悬停。

您应该执行以下操作：

#banner {
  transform: scale(1, 1);
  transition: all 300ms;
}

#banner:hover {
  transform: scale(1.01, 1.01);
}

---

要以两种方式保留动画，请在初始状态上使用

转换

，而不是在

：悬停

按钮上使用：

#横幅{
背景：红色；
变换：比例（1）；
过渡：所有300ms；/*在这里*/
}
#横幅：悬停{
转换：比例（1.2）；
}

---

让我停下来

嗨！添加

转换：仅将所有300ms

添加到

#banner

。将其从悬停中移除，使其在两个屏幕上都显示动画。看，如果我使用过渡：我的#横幅中的所有300毫秒，同样的情况也会发生。当我更新网站时，横幅会转换为将自己放在你的网站上。默认情况下，你需要将比例设置为（1,1）：

#banner{transform:scale（1,1）；transition:all 300ms；“}

另外，请包含一个显示行为的代码。你可以使用（编辑器工具栏中的图标看起来像

）在这里提供一个关于堆栈溢出的可运行示例。好吧……但这根本不是您的问题所要求的。没有提到第三种状态。请您的问题一步一步地准确反映您想要的。这是错误的。您只需要在非悬停状态下进行

转换

。@对于这意味着：部分correct@RokoC.Buljan 语义学：）现在可以吗？如果可以，请删除downvoteDown投票，尽管已经有一个重复的问题，并且有一个批准的答案。同样的情况，我已经编辑了我的问题，请阅读：）