简单的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/