html - 背景颜色的 CSS 过渡

Question

我有一些带有悬停效果的图像，例如它们改变了 body 的背景色。我想要颜色之间的过渡，但我太笨了。我正在尝试使用它，但它仍然没有显示过渡。

-webkit-transition: background-color 1000ms linear;
-ms-transition: background-color 1000ms linear;
transition: background-color 1000ms linear;

Answer 1

你不傻!只需要一些练习。你所拥有的很好，我只是看不到你的其余代码。但这就是您要找的:

div {
  display: block;
  width: 100px;
  height: 100px;
  background-color: red;
  transition: background-color 1000ms linear;
}

div:hover {
  background-color: green;
}

<div>

</div>