box-shadow-005

Box-Shadow property

WeasyPrint

Reference (good) by WeasyPrint

Reference (good) by this browser

This browser

Assertion
Testing simple drop shadow with the box-shadow property

Source

 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>