This is when you set max-height
on an element and then transition that property rather than height
. This is simple but
has obvious downsides:
- If
min-height
is much larger thanauto
, there will be a delay, plus you put a max-height on your element. - The transition is relative to the element height. (e.g. 1000px min height, but 600px element means that the transition will be 0.6s.