css3 transform overflow hidden

by noahua

HTML

<div class="out">
    <div class="in">inside</div>
</div>

CSS

.out{
    border: 1px solid red;
    width: 100px; 
    height: 100px;
    overflow: auto;}
.in{
    border: 1px solid red;
    -webkit-transform:translate(50px, 50px) rotate(45deg);
    width: 50px;
    height: 50px;
}