css3 – 过渡：宽度改变方向

CSS3属性转换方向的默认更改：宽度1s是从左到右增加宽度.

怎么可能从右到左反转方向？ CSS3有可能吗？还是需要一些其他jQuery插件？
请查看demo fiddle.当您按下按钮时,宽度从左向右增加.我想扭转这种局面.

一种方法是将它们放入右对齐的容器中.

jsFiddle Demo

HTML：

<div>
    <input type='text'> </input>
    <button> increase width </button>
</div>

CSS：

div {    
    text-align: right;
    width: 450px;
}