Opacity로 이미지 반투명하게 만들기, 이미지 마우스 호버시 투명효과 주기

이미지를 투명하게 만들려면 Opacity 를 사용하면 됩니다.

이미지 반투명 코드:

[img {
opacity: 0.4;
filter: alpha(opacity=40); /* For IE8 and earlier */
}]

이미지 뿐만 아니라 색상도 가능합니다.


이미지에 마우스를 호버시 반투명하게 하려면

[img:hover {
opacity: 0.4;]