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

오버시 다른 컨텐츠 투명도 30%로 낮추는 방법 채택완료

유찜 2년 전 조회 2,378

썸네일 1,2,3 중에 2에 오버했을 경우 : 1,3은 투명도 30%로 낮추기까지 했는데요.

 

오버를 뗐을때, 이 효과가 유지되었으면 합니다..!

 

 

[예제]

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

https://jsfiddle.net/minxs/Lthnx1wd/" rel="nofollow noreferrer noopener" target="_blank">https://jsfiddle.net/minxs/Lthnx1wd/

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

답변 1개

채택된 답변
+20 포인트
m
2년 전

마우스오버되면 형제 요소는 투명 0.3, 마우스오버된 요소는 투명1

https://jsfiddle.net/minxs/dcboa5n6/

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

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

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

로그인