Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / fast / css / box-shadow-and-border-radius.html
blob37e55a61dadf846d87facf9c800dfe3876fca3d8
1 <html>
2 <head>
3 <style type="text/css">
4 div.h_box {
5 background-color: green;
6 height: 60px;
7 box-shadow: 12px 12px 16px black;
8 margin: 24px;
10 #shadowed_box1 {
11 border-radius: 0 0 60px 60px;
13 #shadowed_box2 {
14 border-radius: 60px 60px 0 0;
16 #shadowed_box3 {
17 border-radius: 60px 60px 60px 60px;
19 div.v_box {
20 background-color: green;
21 height: 200px;
22 width: 60px;
23 box-shadow: 12px 12px 16px black;
24 margin: 20px;
26 #shadowed_box4 {
27 border-radius: 60px 0 0 60px;
29 #shadowed_box5 {
30 border-radius: 0 60px 60px 0;
32 #shadowed_box6 {
33 border-radius: 0 60px 0 60px;
35 #shadowed_box7 {
36 border-radius: 60px 0 60px 0;
38 #shadowed_box8 {
39 border-radius: 60px 60px 60px 60px;
41 </style>
42 </head>
43 <body>
44 <div class="h_box" id="shadowed_box1"></div>
45 <div class="h_box" id="shadowed_box2"></div>
46 <div class="h_box" id="shadowed_box3"></div>
47 <table><tr><td>
48 <div class="v_box" id="shadowed_box4"></div></td><td>
49 <div class="v_box" id="shadowed_box5"></div></td><td>
50 <div class="v_box" id="shadowed_box6"></div></td><td>
51 <div class="v_box" id="shadowed_box7"></div></td><td>
52 <div class="v_box" id="shadowed_box8"></div>
53 </td></tr></table>
54 </body>
55 </html>