減慢CSS不透明度動畫

Question

我想減慢.opacity CSS屬性中的動畫時間。 像，我想它延遲0.2ms或類似的東西。

爲了得到一個更好的主意，在我的網站上這裏徘徊一個有特色的崗位不透明度增加：http://www.thetechnodaily.com

記住：我沒有在這個曾經的jQuery。它的純CSS。

Answer 1

你似乎在尋找的是CSS Transitions。

轉場允許您設置delay和length的轉場。

Answer 2

我想這可能是你想要實現的？

http://fiddle.jshell.net/9VB72/2/

More info

Answer 3

使用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; 
}