How would I reverse a css transition property width?

Question

So I want to make a css animation property where the width extends toward the left but it always extends to the right. I am trying to figure how to make the width extend left in

Answer 1

Adjust the left value as well:

Updated Fiddle

div {
    position:absolute;
    bottom:130px;
    left:130px;
    width:100px;
    height:100px;
    background:red;
    -webkit-transition:left 2s, width 2s;
}
div:hover {
    left:30px;
    width:200px;
}