CSS3轉換問題

Question

我不太清楚如何使用CSS3轉換來做我想做的。我是新來使用它們，所以我真的可以使用一些幫助:)

這是JSFiddle與我正在工作。

因此，基本上div.portlet應該是一個窗口，顯示爆炸中的內容。當你點擊portlet時，我希望它增長以填充div.containe r。而當你關閉時，我希望它縮回到正常尺寸。

Answer 1

褪色的心不是辦理財產或者你需要

在您的評論對definde等被定義下面你可以做到這一點fadeIn

嘗試

div.portlet 
{ 
transition: ease-out 2s; 
-moz-transition: ease-out 2s; /* Firefox 4 */ 
-webkit-transition: ease-out 2s; /* Safari and Chrome */ 
-o-transition: ease-out 2s; /* Opera */ 
} 

和添加的z-index：3;到div.portlet和的z-index：4類open

和jQuery

$(".container").on("click", ".portlet", function(){ 
    $(".portlet").css("z-index","3"); 
    $(this).addClass("open");  
    $(this).css("z-index","333");  
}); 


});