15 lines
442 B
HTML
15 lines
442 B
HTML
<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>
|