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

안녕하세요. 코딩웍스입니다.

질문 글에 보여주신 제이쿼리 코드를 기준으로 말씀드립니다.
.tab2 a img에 마우스 올리면 .tab2 a img의 투명도를 fadeTo로 변경하셨는데 이렇게 하면 말씀하신 것 처럼 갤러리의 어떤 이미지에 마우스가 올라가도 모든 이미지의 투명도가 변합니다.

그래서 아래에 CSS 구문을 간단하게 작성하시면 '마우스 오버하면 해당 객체의 투명도 변화' 항목을 만족합니다.
왜냐하면 CSS는 마우스가 오버된 것만 이벤트가 생겨서 투명도 조절이 각각 적용되기 때문입니다.

또 궁금하신 내용이 있으시면 질문주세요. 화이팅~~^^

.tab2 a img {
     transition: 0.5s;
}

.tab2 a img:hover {
     opacity: 0.7; /* 투명도 변화는 적당한 선에서 정해주세요. */
}