CSS 애니메이션
CSS 애니메이션을 사용하면 CSS 속성 값을 일정 기간 동안 한 값에서 다른 값으로 부드럽게 변경할 수 있습니다.

예:
DIV 요소가 .ng-hide클래스를 가져 오면 myChange 애니메이션이 실행되어 100px에서 0으로 부드럽게 높이가 변경됩니다.

<style>
@keyframes myChange {
    from {
        height: 100px;
    } to {
        height: 0;
    }
}
div {
    height: 100px;
    background-color: lightblue;
}
div.ng-hide {
    animation: 0.5s myChange;
}
</style>