Programming/CSS (1) 썸네일형 리스트형 [CSS] transition Height auto 일 경우 작동이 되지 않는 현상 리스트를 열 때 슬라이드 애니메이션으로 구현하기 위하여 height를 조정하여 transition을 주려했다. .example { height: auto; transition: all 5s; } .example.act { height: 0; overflow: hidden; transition: all 5s; } 그러나 transition이 제대로 작동하지 않았다..(ㅠ)!!! display block, none 처럼 보였다. 찾아보니 auto 일 경우는 transition 을 적용할 수 없다고..! 결국 아래와 같이 height가 아닌 max-height를 적용하여 slide up, slide down 구현 완료!! 간단한 거지만 꽤 삽질했다..(ㅠㅠ) .example { max-height: 100vh.. 이전 1 다음