Question

我有一些带有悬停效果的图像，例如它们会改变身体的bgcolor。我希望在颜色之间进行过渡，但我太愚蠢了。我正在尝试使用它，但它仍然没有显示过渡。

-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>

Answer 2

你可以这样做：

＆＃13;

.x {
width: 300px;
height: 200px;
background-color: #fa0;
transition: 1000ms linear;
}
.x:hover {
background-color: #0af;
}

＆＃13;

<div class="x"></div>

＆＃13;

重要的是将transition参数放入元素本身的规则中，而不是将background-color写入transition值。悬停规则仅定义过渡的第二种颜色。

背景颜色的CSS过渡

2 个答案: