blob: 083a2dd13d4a5a48e8e8d61eeaa360d8a513c20b [file] [log] [blame]
<style>
#original {
position: absolute;
top: 100px;
left: 100px;
width: 100px;
height: 100px;
background-color: blue;
}
#rotator {
position: absolute;
top: 100px;
left: 100px;
width: 100px;
height: 100px;
background-color: red;
transform: rotate(40deg) translate(50%, 50%);
}
#cover {
position: absolute;
top: 150px;
left: 50px;
width: 200px;
height: 150px;
background-color: green;
}
</style>
<p>You should not see any of the rotating red rectangle</p>
<div id="original"></div>
<div id="rotator"></div>
<div id="cover"></div>