• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>CSS Display</title>
7
    <style>
8
        img {
9
            opacity: 0.4;
10
            filter: alpha(opacity=40);
11
        }
12
        img:hover {
13
            opacity: 1.0;
14
            filter: alpha(opacity=100);
15
        }
16
    </style>
17
</head>
18
​
19
<body>
20
​
21
    <h1>이미지 투명화</h1>
22
    <img src="/examples/images/img_flower.png" width="350" height="263" alt="flower">
23
    <p>opacity 속성값을 조절하면 간단히 이미지를 투명하게 만들 수 있어요!</p>
24
​
25
</body>
26
​
27
</html>