简单的CSS转换不会执行

Question

演示

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

我希望在徘徊<p>时淡入并滑入<a>.问题是,在演示中使用CSS,<p>只是"弹出"而不是动画.

Answer 1

这transition简写不\xe2\x80\x99t 支持同一位置的多个属性：

\n\n

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

\n\n

你还需要overflow: hidden让它看起来像是\xe2\x80\x99s滑动的。更新了演示

\n