| <html> | |
| <head> | |
| <style> | |
| .outer { width:200px;height:200px;background-color:lime; -webkit-box-reflect: right 10px; } | |
| .inner { width:100px;height:100px;background-color:blue; -webkit-box-reflect: below; } | |
| </style> | |
| </head> | |
| <body> | |
| 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 | |
| square on the right). | |
| <div class="outer"> | |
| <div class="inner"> | |
| </div> | |
| </div> |