• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>CSS3 Shadows</title>
7
    <style>
8
        #shadow_01 { text-shadow: 2px 2px; }
9
        #shadow_02 { text-shadow: 2px 2px orange; }
10
        #shadow_03 { text-shadow: 2px 2px 5px; }
11
        #shadow_04 { text-shadow: 0 0 3px red; }
12
        #shadow_05 { color: white; text-shadow: 1px 1px 2px black, 0 0 20px purple, 0 0 5px maroon; }
13
    </style>
14
</head>
15
​
16
<body>
17
​
18
    <h1 id="shadow_01">검정색 그림자 효과</h1>
19
    <h1 id="shadow_02">색상 그림자 효과</h1>
20
    <h1 id="shadow_03">흐린 그림자 효과</h1>
21
    <h1 id="shadow_04">네온 효과</h1>
22
    <h1 id="shadow_05">그림자 중첩 효과</h1>
23
​
24
</body>
25
​
26
</html>