Transition1 (CSS) height와 width값이 auto일때 transition 사용하기 transition 속성은 CSS값이 변화할때 부드러운 애니메이션을 추가할 수 있도록 해준다. height값과 width값에 transition속성을 적용하기 위해서는 vw, vh, px등의 정확한 값이 필요하다. auto값을 사용하거나 아무값을 지정해주지 않으면 시작과 끝 지점을 명확히 할 수 없어 transition이 작동하지 않는다. .list-box { height: 150px; opacity: 1; transition: all 1s; } .hidden { height: 0px; opacity: 0; } height값을 150px로 주고 일정행동시 class를 hidden으로 toggle하도록 하여 transition을 구현했다. (opacity 속성은 투명도 속성으로 transition을 통해 .. 2024. 1. 25. 이전 1 다음