1 <!DOCTYPE html>
2 <html><head>
3 <title>CSS Test Background: Box-Shadow property</title>
4 <link href="mailto:silverman@adobe.com" rel="author" title="Marc Silverman">
5 <link href="http://www.w3.org/TR/css3-background/#the-box-shadow" rel="help">
6 <link href="reference/box-shadow-005-ref.htm" rel="match">
7 <meta content="Testing simple drop shadow with the box-shadow property" name="assert">
8 <style type="text/css">
9 #shadow-div {
10 position: absolute;
11 top: 50px;
12 left: 5px;
13 box-shadow: rgba(0,255,0,1) 10px 10px;
14 background-color: #000;
15 width: 144px;
16 height: 144px;
17 }
18 #error {
19 position: absolute;
20 top: 60px;
21 left: 15px;
22 background-color: red;
23 width: 144px;
24 height: 144px;
25 }
26 </style>
27 </head>
28 <body>
29 <p>The test passes if there is a green drop shadow and no red.</p>
30 <div id="error">
31 </div>
32 <div id="shadow-div">
33 </div>
34
35
36 </body></html>