CSS3过渡只发生一次

Question

我正在尝试转换背景颜色，但它只在www.kent.co.nf社交媒体图标上发生一次。发生了什么事？

感谢。

Answer 1

鼠标悬停在元素上后，您添加了永久样式属性background-color: rgb(102, 102, 102); 你应该删除这个

反对风格

IMG.c_icon:hover {
    background-color: #ff7700;
}

Answer 2

在你的代码中。你没有提到onmouseout。在鼠标悬停时它会添加class.but鼠标输出时它不会删除任何类。 你可以将这个监听器添加到该元素。它将起作用。

使用 js 来实现此功能。你

div{
transition:all 1s linear;
  background:red;
  height:200px;
  width:200px;
}
div:hover{

  background:blue;
}

<div></div>

可以使用 css 。使用：hover

来实现此功能

img{trasitiion :all 0.5s,background-color:red}
img:hover(background-color:blue)