default transform-origin test

by noahua

HTML

<p>transform-origin默认在中心点，不随translate变化</p>
<div class="base">
<div class="test"></div>    
</div>

CSS

.test{
    width:100px;
    height: 100px;
    border:1px solid red;
    -webkit-transform:translate(50px, 50px) rotate(45deg);
    -webkit-transform-origin:50px 50px;        
}
.base{
    width:100px; 
    height:100px;
    background-color:grey
}