html - 背景颜色的 CSS 过渡

标签 html css transition

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

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

最佳答案

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

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

div:hover {
  background-color: green;
}
<div>

</div>

关于html - 背景颜色的 CSS 过渡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43685856/

相关文章:

javascript - 使用 'order' 属性在兄弟之间定位 flex 元素

javascript - CSS:根据内容扩展 float 元素的宽度

html - 使用 li :before? 更改无序列表的元素符号颜色

twitter-bootstrap - 在 Bootstrap 4 中自定义折叠过渡

javascript - 禁用 HTML5 弹出表单验证消息

css - 图像在缩放时未与 div 对齐

javascript - 如何对现有列表项使用 CSS 转换来为新列表项腾出空间?

python - 如何使用转换库管理 python fsm 中的状态转换

jquery - 在 Internet Explorer 中使用 jQuery 读取 CSS3 属性

javascript - 用css计算小宽度的边界半径