안녕하세요.
예제 코드랑 동일하게 만들고 작동이 잘 되는 상태에서 마우스를 올려 숨겨둔 .submenu가 나올때
transition을 넣어서 조금 더 매끄럽게 나오게 해보고싶은데 여기저기 넣어도 아무 반응이 없습니다.&nbsp;
.dropdown에을 넣는게 아닌가요..?ㅠㅠ&nbsp;
<img src="https://cdn.inflearn.com/public/files/posts/cd256d7c-9efa-4fbf-80cc-f27026287c00/image.png">
:1 문의하기를 이용해주세요.

.dropdown이 변화되는 것이 아니기 때문에 transition을 .dropdown에 주어도 어떤 변화도 없습니다.
만약 변화를 주려면 마우스가 올라 갔을 때 상태 변화가 있는 .dropdown-submenu에 transition을 주어야 합니다. 하지만 .dropdown-submenu에 display: none; display: block으로 되어 있는&nbsp; 경우는 transition이 적용되지 않습니다.
곧, display: none; display: block 속성을 사용하면&nbsp; transition은 적용되지 않습니다.
display: none; display: block&nbsp; 대신에 opacity: 0; opacity: 1; 이런 속성 변화에서는 transition이 적용됩니다.

인프런 커뮤니티 질문&답변

transition 추가