Html 背景色的CSS转换

Html 背景色的CSS转换,html,css,transition,Html,Css,Transition,我有一些带有悬停效果的图像,例如,它们会改变身体的颜色。 我想要颜色之间的过渡,但我太笨了。 我正在尝试使用它,但它仍然没有显示转换 -webkit-transition: background-color 1000ms linear; -ms-transition: background-color 1000ms linear; transition: background-color 1000ms linear; 你不是傻瓜!只是需要一些练习。你所拥有的一切都很好,我只是看不到你剩下的代码

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

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

你不是傻瓜!只是需要一些练习。你所拥有的一切都很好,我只是看不到你剩下的代码。但这就是你想要的:

div{
显示:块;
宽度:100px;
高度:100px;
背景色:红色;
过渡:背景色1000ms线性;
}
div:悬停{
背景颜色:绿色;
}

你不是傻瓜!只是需要一些练习。你所拥有的一切都很好,我只是看不到你剩下的代码。但这就是你想要的:

div{
显示:块;
宽度:100px;
高度:100px;
背景色:红色;
过渡:背景色1000ms线性;
}
div:悬停{
背景颜色:绿色;
}

您可以这样做:

.x{
宽度:300px;
高度:200px;
背景色:#fa0;
过渡:1000ms线性;
}
.x:悬停{
背景色:#0af;
}

您可以这样做:

.x{
宽度:300px;
高度:200px;
背景色:#fa0;
过渡:1000ms线性;
}
.x:悬停{
背景色:#0af;
}

他说图像;悬停正在改变身体的背景。我们可以在css中这样做吗?怎么做?没有必要将
背景色
写入
转换
值(请参阅下面的代码片段)不,不是这样,但有时你需要明确,因为其他值可能会在悬停时发生变化,而不需要转换;悬停正在改变身体的背景。我们可以在css中这样做吗?如何操作?没有必要将
背景色
写入
转换
值(请参见下面的我的代码片段)不,不是这样,但有时您希望具体一点,因为其他价值观可能会在悬停状态下发生变化,不需要过渡。对于在将近一年后投票否决这一点的人:这基本上与接受的答案相同,该答案得到了六张赞成票,并且与我的答案是同时写的。事实上,我是在一分钟(或更短时间)后提交的,这并不意味着它是错误的或“没有用”…是我。把那个蹩脚的答案拿出来我是在你对我答案的评论中做的。只是吹毛求疵,让人们看到下面的片段(你基本上认为他把转换放错地方了)。难怪你有这么多分数@如果你看向上和向下箭头的帮助文本,他们会说“这个答案有用/没用”。你说你投反对票的原因与此无关。你的第一条评论听起来好像你14岁左右,第二条是指我一年前写的一条评论……老实说,你的回答真的没有用。这是我的一个更糟糕的版本,你甚至不缩进你的代码,而且你强调在转换中不包括元素选择器,这是一个糟糕的做法。我不管这件事发生多久了,把那个蹩脚的答案拿出来。一开始只是个玩笑,我想14岁以上的人不会有幽默感吧?但是你用这种方式认真考虑了一点。对那些在将近一年后否决这一观点的人来说:这基本上与获得六票赞成票的公认答案相同,这一答案与我的答案是同时写成的。事实上,我是在一分钟(或更短时间)后提交的,这并不意味着它是错误的或“没有用”…是我。把那个蹩脚的答案拿出来我是在你对我答案的评论中做的。只是吹毛求疵,让人们看到下面的片段(你基本上认为他把转换放错地方了)。难怪你有这么多分数@如果你看向上和向下箭头的帮助文本,他们会说“这个答案有用/没用”。你说你投反对票的原因与此无关。你的第一条评论听起来好像你14岁左右,第二条是指我一年前写的一条评论……老实说,你的回答真的没有用。这是我的一个更糟糕的版本,你甚至不缩进你的代码,而且你强调在转换中不包括元素选择器,这是一个糟糕的做法。我不管这件事发生多久了,把那个蹩脚的答案拿出来。一开始只是个玩笑,我想14岁以上的人不会有幽默感吧?但你用这种方式来认真考虑一点。