webkit - Webkit トランジションの高さと幅を中心点から変換するにはどうすればよいですか?

Question

中心点から div のサイズをスケーリング (変換) することはできますか? 試しましたが、結果が得られません。

これはコードです：

div {
    height: 100px;
    width: 100px;
    -webkit-transition: height, width,left,top, 1s;
    -webkit-transform-origin: 50% 50%;
    background: red;
    position:absolute;
    left:30%; top:30%;
}

div:hover {
    width: 150px;
    height:150px;
    -webkit-transition: height, width, 1s;
    background: red;
}​

jsfiddle