transition animation height

확장되는 ui에 css 애니메이션을 주고싶을때 

height값을 변경하는데 

변경될 값이 auto등 값이 들어가지 않으면 애니메이션이 작동하지 않는다. 

[as is]
height: 0

[to be]
height: auto

 

추가로 display: none, block 도 애니메이션 적용이 안되는데 

display: none 값은 렌더트리에서 아예 그리지도 않는값이기 때문에 block으로 변경하면 이전 위치를 알 수 없기 때문이다.