hyatt@apple.com | 7eb14ab | 2008-04-29 20:34:44 +0000 | [diff] [blame] | 1 | <html> |
2 | <head> | ||||
3 | <style> | ||||
4 | .outer { width:200px;height:200px;background-color:lime; -webkit-box-reflect: right 10px; } | ||||
5 | .inner { width:100px;height:100px;background-color:blue; -webkit-box-reflect: below; } | ||||
6 | </style> | ||||
7 | </head> | ||||
8 | <body> | ||||
9 | The two lime squares below should look like mirror images (with a blue rectangle filling half the left square on the left and half the right | ||||
10 | square on the right). | ||||
11 | <div class="outer"> | ||||
12 | <div class="inner"> | ||||
13 | </div> | ||||
14 | </div> |