当我将光标移离按钮时如何使悬停生效

Question

嘿，我正在使用一些代码在按钮上创建悬停效果，但是由于某些原因，当我将光标移离按钮时，反转效果不会发生，并且按钮会立即恢复正常，我该如何做出反转效果当我将光标从按钮上移开时？ 这是我使用的代码：

#sides:hover {
  background-color: rgb(122, 131, 251);
  transition-duration: 0.9s;
  color: rgb(255, 255, 255, 1);
  opacity: 75%;
  cursor: pointer;
}

Answer 1

您应该以这种方式使用过渡持续时间：

#sides {
  transition-duration: 0.9s;
}