210709 a link text 위에 마우스 올렸을 때 천천히 색깔 변화하게

이번에는 메뉴에서 a link 내부 텍스트 글자 색을 hover 했을 때 바꾸는데 그 약간 천천히 바뀌는 그걸 하고 싶었다.

찾아보니 간단쓰

 

CSS

#main li { color:#000; }
#main li a:hover { color:#9a9a9a; transition: 0.3s }