の移行の子供のCSSプロパティ

Question

。しかし、私は（<div>がゆっくりheightプロパティを操作することなく、それは高さです増加します）ここにCSSトランジションを使用したいと思います。

どうすればいいですか？

Answer 1

あなたは、基本的なCSSでアニメーションのこの種を作成することができません。あなたは、この効果を得るために、アニメーションjQueryのようなものを使用する必要があります：

$("div#balancers").hover(function(){ 
    $("div#balancers p").show(); 
    $("div#balancers p").animate({ 
     height:"200px" 
    }, 1500); 
}); 

Answer 2

あなたが何をあなたの提示のような何かを達成するためにjQueryを使用することができます。

$("#balancers p").hover(function(){ 
    $(this).fadeOut(100); 
    $(this).fadeIn(500);} 
); 

例：http://api.jquery.com/hover/

Answer 3

あなたのCSSマークアップが間違っています。正しいは次のようになります。

div#balancers > p {  
    display: none; 
} 

div#balancers:hover > p { 
    display: block; 
} 


<div id="balancers"> 
    <h1>ID</h1> 
    <p>Description</p> 
</div> 

Answer 4

私は例を作った：CSS3 Transition Example

それはJSなしに可能です。