마우스 올리면 배경이미지 변경하기 with jQuery 11:07분 질문 드립니다.

■ 질문 남기실 때 꼭! 참고해주세요.

- 먼저 유사한 질문이 있었는지 검색해주세요.
- 궁금한 부분이 있으시면 해당 강의의 타임라인 부분을 표시해주시면 좋습니다.
- HTML, CSS, JQUERY 코드 소스를 텍스트 형태로 첨부해주시고 스크린샷도 첨부해주세요.
- 다운로드가 필요한 파일은 해당 강의의 마지막 섹션에 모두 있습니다.

.navi li a::before{
  position: absolute;
  content: attr(data-text);
  top: 0;
  left: 0;
  width: 0;
  overflow: hidden;
  color: yellowgreen;
  transition: 0.5s;
}

이 부분에서 width: 0; 으로만 주면 왜 color 가 안없어지고 overflow: hidden; 까지 해야 color가 줄어드는지 잘 이해가 되지 않습니다.