减慢CSS不透明度动画

我想在.opacity CSS属性中减慢动画计时。 比如，我希望它延迟0.2毫秒或者类似的时间

为了获得更好的想法，当在我的网站上悬停一篇特色文章时，会添加不透明度：

---

记住：我没有在这里使用jQuery。它是纯CSS。

您似乎在寻找的是

---

过渡允许您设置一个和过渡的时间。

我想这可能就是您想要实现的目标

---

使用jquery

$('#clickme').click(function() {
   $('#book').animate({
       opacity: 0.25,
       left: '+=50',
       height: 'toggle'
   }, 5000, function() {
     // Animation complete.
   });
});

使用css您可以尝试以下方法：

.class:hover {
    opacity: 1; 
    -moz-transition: all 0.4s ease-out;  /* FF4+ */
    -o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
    -webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
    -ms-transition: all 0.4s ease-out;  /* IE10? */
    transition: all 0.4s ease-out;  
}

---

注意：将转换置于悬停规则中只会提供单向转换。如果你把它放在主规则中，它将双向转换。