CSS 마우스에 반응하는 투명한 이미지

 

약간 투명한 이미지에 마우스를 올리면 원본으로 돌아오는 효과.

opacity와 hover이용.

 

 

이미지에 마우스를 가져가 보자.

반대로 원본 이지를 투명하게 반응하게 하려면 opacity 기본값은 1.0이라 0.5만 지정해주면 된다.

---

파일은 이미지 링크를 걸기 위해 올린거니 다운 받지마세요.

andrew-ly-iUA1cea8QiY-unsplash.jpg

0.03MB

jessica-lewis-xz1ZYspQ9Ts-unsplash.jpg

0.05MB

peter-lam-ch-0iNLhORjMGM-unsplash.jpg

0.03MB