使用CSS3在图像悬停时淡入淡出？

我想知道是否有可能在图片上声明一个unhover类

我试图做到的是，当有人将鼠标悬停在图像上时，图像会淡入，然后当他们将鼠标悬停在图像上时，图像会淡出

这是我的代码，我得到了淡入工作时，有人悬停在一个图像，但我也需要它淡出时，他们取消。。。希望这是有意义的

---

这应该适合你

让我们使用伟大的mozilla文档来解释这一点：

Transition提供了一种控制CSS属性动画更改速度的方法。您可以在指定的时间段内转换属性更改，而不是让动画更改立即生效。

此外，我们还使用了转换计时功能（ease、linear、easy in、easy out、easy in out）

定时函数确定如何计算过渡的中间值。定时功能可通过提供相应功能的图形来指定，如定义立方贝塞尔曲线的四个点所定义

CCS标记：

img {
    opacity: 0.6;
    transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
}
img:hover {
    opacity: 1.0;
    transition: opacity .55s ease-in-out;
    -moz-transition: opacity .55s ease-in-out;
    -webkit-transition: opacity .55s ease-in-out;
}​

因为他使用的是转换的ease-in-out，所以我认为最好使用相同的转换函数

有关更多信息，请查看

希望有帮助
 
只需将过渡效果添加到元素中，而不使用悬停标记
，现在您可以解释一下您做了什么，它为什么工作，并使您的代码与答案保持一致。这样，如果，或者更确切地说，当JS FIDLE next倒下时，它仍然有用。。。。这和问题中的小提琴完全一样？这个答案没有给出任何解释？我非常高兴confused@user1506962请记住将其标记为
已回答
如果有帮助（这是检查，在回答的左侧）我想正常查看图像，当我将ponter放在图像上时，它们会溶解一点，因此我更改：
img{opacity:1.0；转换：opacity 1s ease in out；-moz转换：opacity 1s ease in out；-webkit转换：opacity 1s ease in out；}img:hover{opacity:0.6；转换：opacity.55s ease in out；-moz转换：opacity.55s ease in out；-webkit转换：opacity.55s ease in out；}​