hover

#intro .intro-first-card .overlay a { transition: color 0.4s ease; }

#intro .intro-first-card .overlay a:hover { color: #fafa6f; }

이부분에서

transition: color 0.4s ease; 나

transition: hover 0.4s ease;랑 왜 다른거죠??

제가 배운거로는

transition: all | none | property 이렇게 3가지를 작성하고 시간 효과 이런식으로만 배웠는데

transition: hover 0.4s ease이런식으로 쓰면 어떻게 작동하는 지 궁금합니다.