簡單的CSS過渡不執行

Question

Demo

<a href="#">hover</a> 
<p>Text here</p> 

我想<p>淡入和幻燈片時<a>懸停英寸問題是，使用演示中的CSS，<p>只是「彈出」而不是動畫。

Answer 1

的transition速記不會在同一個地方支持多種特性還需要overflow: hidden才能使其看起來像滑動。 Updated demo

Answer 2

你需要逗號單獨所需的屬性轉變：

transition: max-height .5s ease, opacity .5s ease; 

您：

p { 
    opacity: 0; 
    max-height: 0; 
    transition: max-height .5s ease, opacity .5s ease;  
} 

http://jsfiddle.net/pZngX/