오늘은 CSS transition에 대해 알아보고자 한다. dropdown box를 만들고자 했고 처음에는 display none/block으로 표현을 하였으나 조금 더 자연스러운 느낌을 주기 위해서 CSS 애니메이션 효과를 찾아보았다. css의 Transition이라는 옵션이 있었다. 효과는 선언한 값이 변화할 때 걸리는 시간과 효과를 볼 수 있었다. See the Pen Untitled by seonghun (@seonghuns) on CodePen. 속성을 주는 방법에는 css transition 값에 속성, 시간, 옵션 으로 조절을 하면 된다. .panel{ transition-property: width; // 전환값 transition-duration: 2s; // 전환 하는데 걸리는 시간 t..