Simple CSS transition does not execute

css, css-transitions

Solution

The `transition` shorthand doesn’t support multiple properties in the same place:

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

You also need `overflow: hidden` to make it look like it’s sliding. Updated demo

Problem

Demo ``` <a href="#">hover</a> <p>Text here</p> ``` I want the `<p>` to fade in and slide in when the `<a>` is hovered. Problem is, with the CSS in the demo, the `<p>` just "pops" in rather than animating.

Original source