css 어떻게 div 드롭다운 메뉴에 과도 애니메이션 효과 추가

css transition은 요소의 속성이 변화할 때 일부 애니메이션 효과를 낼 수 있다. 예를 들어 높이가 30에서 300으로 바뀌면 인간과 기계의 상호작용이 더욱 자연스러워진다. 예를 들어 마우스가 밑에 있는 메뉴를 지나가면transition을 통해 지정한 속성에 애니메이션 효과를 추가할 수 있다. 코드transition:all는 모든 속성을 나타낸다. 물론,너는 자신의 필요에 따라 일부 속성을 지정할 수 있다. 예를 들어width500ms는 시작부터 끝까지의 과도를 나타낸다
물론 과도 속도와 시작 시간을 설정할 수 있으며, 구체적으로는 w3c 등에서 문서를 볼 수 있다
https://www.w3school.com.cn/cssref/pr_transition.asp