테스트 사이트 - 개발 중인 베타 버전입니다

투명도 30%로 낮추는 방법 채택완료

유찜 2년 전 조회 4,420

썸네일 1,2,3 중에

2에 오버했을 경우 : 1,3은 투명도 30%로 낮추는 방법 알 수 있을까요?

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트

스크립트를 활용해서 동일 class 값을 설정하고 선택자 본인 이외의 모든 동일 class 값 보유 부분을 투명도를 낮추고 마우스 아웃에 모두 다시 원상태로 돌리는 방법을 이용하면 될겁니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

s
sinbi Expert
2년 전

이용자 입장에서 말씀드리면, 이런 효과 불편하게 느껴집니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

m
2년 전

ul:hover li:not(:hover){ opacity:.3}

 

예제 https://jsfiddle.net/minxs/Lthnx1wd/

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

유찜
2년 전
감사합니다! 그런데 마우스 떼면 효과가 사라지는데 유지되게도 가능할까요?

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인